Просто пытаюсь погрузиться в jquery и простить меня, если на это уже был дан ответ. Искал, но не смог найти пример, относящийся к тому, что я пытаюсь сделать.

У меня есть вертикальное меню с некоторыми подменю. Работает так, что при нажатии на меню верхнего уровня открывается подменю. Проблема в том, что я бы хотел, чтобы подменю оставалось открытым при нажатии на один из пунктов подменю. Как и сейчас, при нажатии на элемент подменю меню сворачивается.

Вот мой код:

// Add class of drop if item has sub-menu
$('ul.sub-menu').closest('li').addClass('drop');

// Left Sidebar Main Navigation
var menu_ul = $('.menu > li.drop > ul'),
    menu_a  = $('.menu > li.drop > a');

menu_ul.hide();

menu_a.click(function(e) {
    e.preventDefault();
    if(!$(this).hasClass('active')) {
        menu_a.removeClass('active');
        menu_ul.filter(':visible').slideUp('normal');
        $(this).addClass('active').next().stop(true,true).slideDown('normal');
    } else {
        $(this).removeClass('active');
        $(this).next().stop(true,true).slideUp('normal');
    }
});

Я думаю, что если я попытаюсь перевести то, что я хочу, в ясное предложение типа кодера, оно будет выглядеть так: В основном мне нужно запросить DOM для любого активного меню, которое имеет подменю, и если на странице показан один из элементов подменю, то отобразить раскрывающийся список подменю.