Как свернуть все меню кроме активного?

[Anarchist]

Подготовил в песочнице пример: http://jsfiddle.net/PdgMb/

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

[Arinden]

var x = 0;
$(".dropdown").click(function(){
    if(x!=0){
         x.next("ul").slideUp("fast");
    }
    x = $(this);
    $(this).next("ul").slideToggle("fast")
    .siblings("ul:visible").slideUp("fast");
    $(this).toggleClass("active");
});?

Edited February 23, 2012 by Arinden

[Anarchist]

var x = 0;
$(".dropdown").click(function(){
    if(x!=0){
         x.next("ul").slideUp("fast");
    }
    x = $(this);
    $(this).next("ul").slideToggle("fast")
    .siblings("ul:visible").slideUp("fast");
    $(this).toggleClass("active");
});?

Работает! Спасибо

[Arinden]

Работает! Спасибо

Там проблема, если кликать на одно и тоже меню. Думаю над исправлением.

[Arinden]

$(document).ready(function(){
var x=3;
$(".dropdown").click(function(){
    var y = $(this).prop("value");
    if(x==3){
        $(this).next("ul").slideDown("fast");
        $(this).prop("value","1");
        x = $(this).prop("value");
    }
    else if (x==y) {
        $(this).next("ul").slideUp("fast");
        $(this).prop("value","0");
        x=3;        
    }
    else {
        $(".dropdown").next("ul").slideUp("fast");
        $(".dropdown").prop("value","0");
        $(this).next("ul").slideDown("fast");
        $(this).prop("value","1");
        x = $(this).prop("value");
    }
});
});

Иначе не знаю как. Я в JS ничего не смыслю... Зато работает.

Edited February 23, 2012 by Arinden

[Anarchist]

Я сам решил эту проблему

http://jsfiddle.net/PdgMb/3/

Хотя теперь другая проблема - хз как закрыть все меню.

Исправил: http://jsfiddle.net/PdgMb/4/

var x=3;
$(".dropdown").click(function(){
    var y = $(this).prop("value");
    if(x==3){
        $(this).next("ul").slideDown("fast");
        $(this).prop("value","1");
        x = $(this).prop("value");
        $(this).toggleClass("active"); 
    }
    else if (x==y) {
        $(this).next("ul").slideUp("fast");
        $(this).prop("value","0");
        $(".dropdown").removeClass("active"); 
        x=3;        
    }
    else {
        $(".dropdown").next("ul").slideUp("fast");
         $(".dropdown").removeClass("active"); 
        $(".dropdown").prop("value","0");
        $(this).next("ul").slideDown("fast");
        $(this).prop("value","1");
        x = $(this).prop("value");
        $(this).toggleClass("active");
    }
});

[Anarchist]

А как сделать так, чтобы при клике на любое свободное место все меню сворачивались? Я пробовал повешать закрытие меню на

$(document).bind('click', function(){

});

Но тогда получается, что меню открывается и тут же сворачивается