不正确的切换 (jQuery)

发布于 2024-08-06 03:03:42 字数 396 浏览 10 评论 0原文

我的页面上有一个简单的菜单，它使用此 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。

谢谢！

原文

I've a simple menu on my page, that uses this jquery code for basic toggling:

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

The UL is open (display:block via CSS) by default, so on first click, the UL hides (which is fine), but it also adds the "active" class to a menu which just closed! I understand its technically correct, but it not the desired result.

What do I change in the code so it does X when menu is already open and Y when opposite.

Thanks!

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

夏见 2024-08-13 03:03:42

也许您正在寻找 .toggle？

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

因此，最初单击时它会执行 X，或者执行 Y。

Maybe you're looking for .toggle?

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

So initially on click it does X, alternatively it does Y.

回复收藏 0 原文

~没有更多了~