javascript - Jquery切换: closing a toggle element

标签 javascript jquery toggle slidetoggle

我有这个查询,它工作正常,除了当我单击已经打开的切换项目时,它会向上滑动,但随后会立即向下滑动。可以看到here

查询是:

$(".faqtopics").click(function(event) {
    $("div.faqtext").slideUp(400);
    $(this).next("div.faqtext").slideToggle();
});

非常感谢您的帮助!

最佳答案

使用.stop()

Description: Stop the currently-running animation on the matched elements.

代码

$(".faqtopics").click(function(event) {
    $("div.faqtext").stop(true).slideUp(400);
    $(this).next("div.faqtext").stop(true).slideToggle();
});

DEMO

关于javascript - Jquery切换: closing a toggle element,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24386031/

相关文章:

javascript - Google map v3 多边形/线垂直撕裂和偏移

javascript - 检查多维数组长度

jquery - 单击时添加 div,然后在每次单击时切换它

javascript - 滑入/滑出标题 div/显示部分隐藏的 div

javascript - 如何使用javascript从列表中选择元素并将其放入数组中

jquery - 同一行中每个图像的高度相同的照片库

jquery - 响应式图片仅在一种情况下显示不佳

jquery - 为什么我的页面 div 会在 ios 上永远增长(仅限)?

java - 有没有更好的方法来切换注释代码?

javascript - 如果选中任何复选框,则显示 div!