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