Как изменить аккордион?

Добрый день! Есть скрипт обычного меню-аккордион. При нажатии на любой раздел отрываются его подразделы. При открытии какого-нибудь раздела, какая-то его часть может "выехать" и оказаться за пределы видимости экрана. Я знаю как сделать, чтобы при нажатии на любой раздел, страница поднималась вверх. Но я считаю, это не совсем правильно. Возможно ли сделать так в случае, если при открытии какого-то раздела меню "уезжает" вниз за пределы видимости экрана, то чтобы оно останавливалось по нижней части экрана? Прошу прощения за каламбур, но как-то так. Благодарю!

$(document).ready(function() {
    $(".menu > ul.cat > li > a").click(function(e){
    $('html, body').animate({
        scrollTop: $(this).offset().top
    }, 1000);
    e.preventDefault();
    $(this).toggleClass("active").parent().toggleClass("active");
    $(this).parent().children(".menu > ul > li > ul").slideToggle();
    $(this).find('.menu-arrow').toggleClass('menu-arrow-active');
});
});