Блог

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

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

Я назвал функцию в обработчике toogle и вызвал ее из menutop, установив для элемента класса переключения значение «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('amp;ndash;') .parents('li') .children('ul') .slideDown(250);
 }
}

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

Вот изменение.Добавлена функция закрытия всех, а затем я также добавил обработчик щелчков для класса menu-top, который делает по существу то же самое для расширения вкладок. Надеюсь, это поможет!