Как сделать раскрытое меню второго уровня?

Question

[Anto]

Как сделать раскрывающиеся меню так что бы при клике оно и закрывалось?
Если убрать /* то меню не раскрывается, но за комментировав его он раскрывается но не закрывается.
$(function() {
$('.top-nav-hidden').hide().css({opacity: 0});
$('#menu > li').click(function() {
$(this).children('.top-nav-hidden').stop().animate({opacity: 1}, 500).show();
},
/ *function() {
$(this).children('.top-nav-hidden').stop().animate({opacity: 0}, 500).hide();*/
})
})

Answer 1

[Алекс Глебов]

$('#menu > li').click(function(e) {
    $(this).children('.top-nav-hidden').slideToggle();
});

или

$('#menu > li').click(function(e) {
   if($(this).children('.top-nav-hidden:visible').length == 0){
          $(this).children('.top-nav-hidden').fadeIn(500);
        }
        else{
           $(this).children('.top-nav-hidden').fadeOut(500);
        }
});

Comments

[Anto]

Спасибо)

[Anto]

Не подскажите как сделать так что бы при открытии одного пункта меню закрывался открытый пункт меню если таковой есть.

[Алекс Глебов]

$('.top-nav-hidden:visible').fadeOut(500);
эта строчка закроет все открытые подменю

[Anto]

SkiperX: Если повторно нажать на тот же пункт меню закрывается, а если скажем на соседний пункт то открывается поверх меню)