Jquery Toggle：关闭切换元素

Question

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

查询是：

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

非常感谢您的帮助！

Answer 1

使用.stop()

说明：在匹配的元素上停止当前正在运行的动画。

代码

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

DEMO