避免快速點擊網站上的按鈕

Question

我正在研究HTML部分。我有一個按鈕。點擊該按鈕後，將toggleSlide（）用於div。
如果我快速點擊該按鈕4-5次，則會多次下拉動畫。我想避免它。
在此先感謝。

<button name="dropdown" id="dropdown"/> 
<div id="dropdown1"> 
    Dropdown text here 
</div> 

JQuery的

$(document).ready(function(){ 
    $("#dropdown").click(function(){ 
     $("#dropdown1").toggleSlide(); 
    }) 
}) 

問題： 在點擊多時間在一個時刻（快速）。它點擊那個按鈕的時候會變成動畫。

Answer 1

有沒有必要取消點擊，你應該stop()的動畫。下面

$("#dropdown").on("click", function() { 
 
    $("#dropdown1").stop().slideToggle(); 
 
});

#dropdown1 { 
 
    height: 200px; 
 
    background-color: yellow; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<button id="dropdown">toggle</button> 
 
<div id="dropdown1"></div>