JQuery menu - toggle problem

Question

Чтобы посмотреть, в чем проблема, см. Код на jsFiddle. Есть ли способ установить список с классом «menutop», чтобы действовать как «toogle» class (+), другими словами, при нажатии «Сообщения», «Страницы» и т. д. раскрывается подменю.

Вторая вещь, которая меня беспокоит, заключается в том, как настроить меню, чтобы вести себя так, что когда одно подменю открыто и пользователь щелкает какое-то другое подменю, предыдущее открытое закрывается автоматически.

Answer 1

Я назвал функцию в обработчике Google и вызвал ее из menutop, установив элемент класса toggle как «this», чтобы он выглядел вам более знакомым.

Я просто добавил строку, которая гарантирует, что только одна секция может быть открыта в то время

function hitMe(){ 
    if ($(this) .hasClass('toggle-open')) { 
    $(this) .removeClass('toggle-open') .addClass('toggle-closed') .empty('') .append('+') .parents('li') .children('ul') .slideUp(250); 
    $(this) .parent('.menutop') .removeClass('menutop-open') .addClass('menutop-closed'); 
    }else{ 
    $(".toggle-open").parent().click();//closes the previously opened menu 
    $(this) .parent('.menutop') .removeClass('menutop-closed') .addClass('menutop-open'); 
    $(this) .removeClass('toggle-closed') .addClass('toggle-open') .empty('') .append('–') .parents('li') .children('ul') .slideDown(250); 
} 
} 

$(".menutop").click(function(){ 
    hitMe.apply(
     $(this).find(".toggle") 
    ); 
} 
); 

Answer 2

Here's a revision. Добавлена ​​функция закрытия всех функций, а затем я добавил обработчик кликов для класса меню, который делает по существу одно и то же, чтобы развернуть вкладки. Надеюсь, поможет!