jquery - 不正确的切换 (jQuery)

Question

我的页面上有一个简单的菜单，它使用这个 jquery 代码进行基本切换：

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

默认情况下，UL 是打开的（通过 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。