gpt4 book ai didi

使用 toggleClass 的 jquery 切换功能

转载 作者:行者123 更新时间:2023-11-27 22:31:38 26 4
gpt4 key购买 nike

我目前正在使用这个 jquery 一次切换打开一系列 div。

Jquery: (showall)

$("h4.toggle").toggleClass("active shown").nextAll().slideToggle("fast");

我遇到的情况是,如果事先触发了其中一个切换按钮,然后有人使用“showall”,它将反转切换按钮而不是显示所有其他 div。所以,如果第一个是打开的,其余的是隐藏的,那么现在第一个是隐藏的,其余的是显示的。

这是 HTML div 的示例:

 <div id="section" class="legal2">

<h4 class="dark toggle" id="alt1">Name Name</h4>

<div class="toggling alt1 hiding">
</div></div>

...

<div id="section" class="legal2">

<h4 class="dark toggle" id="alt15">Name Name</h4>

<div class="toggling alt15 hiding">
</div></div>

我在 h4 上有一个 .toggle 函数,几乎就是这样做的:

$('.'+which).toggleClass('showing').slideToggle(300);

有没有一种简单的方法可以让这个“显示全部”起作用?我尝试使用 if/else,但无法正常工作。

谢谢

最佳答案

在这种情况下,您可以使用 slideDown() 代替 slideToggle。向下滑动显示带有滑动动画而不是切换的元素(显示为隐藏,隐藏为显示)。对于已经显示的元素,slideDown 只是让它们显示,而不是动画。 (还有一个 slideUp() 函数,以防您有“全部隐藏”功能)

http://api.jquery.com/slideDown/

Demo

同样,使用 addClass/removeClass 代替 toggleClass

关于使用 toggleClass 的 jquery 切换功能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17373953/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com