Некорректного Переключения (JQuery)

Question

Я простое меню на моей странице, которая использует этот Jquery код для базового переключени:

$("#left-nav .block h3").click(function(){ 
    $(this).next("ul").slideToggle("fast"); 
    $(this).toggleClass("active"); 
    $(this).siblings("h3").removeClass("active"); 
}); 

Л открыто (дисплей: блок с помощью CSS) по умолчанию, так что на первый клик, UL-шкуры (что хорошо), но он также добавляет «активный» класс в только что закрытое меню! Я понимаю его технически правильно, но это не желаемый результат.

Что я могу изменить в коде, чтобы оно было X, когда меню уже открыто, а Y - наоборот.

Спасибо!

Answer 1

Возможно, вы ищете .toggle?

$("#left-nav .block h3").toggle(function(){ 
    $(this).next("ul").slideToggle("fast"); 
}, function() { 
    $(this).toggleClass("active"); 
    $(this).siblings("h3").removeClass("active"); 
}); 

Так сначала на кнопку он делает X, в качестве альтернативы она делает Y.