Apenas tentando mergulhar na jquery e me perdoar se isso já foi respondido. Pesquisei, mas não consegui encontrar um exemplo relevante para o que estou tentando fazer.

Eu tenho um menu vertical com alguns submenus. Está funcionando que, quando o menu de nível superior é clicado, o submenu é aberto. O problema é que eu gostaria que o submenu permanecesse aberto quando um dos itens do submenu fosse clicado. Como agora, quando um item de submenu é clicado, o menu é recolhido.

Aqui está o meu código:

// 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');
    }
});

Eu acho que se eu tentar traduzir o que eu quero em uma frase do tipo codificador claro, ele seria lido assim. Basicamente, eu preciso consultar o DOM para qualquer menu ativo que tenha submenu e, se a página estiver mostrando um dos itens do submenu, exiba o menu suspenso do sub-menu.