避免快速点击网站上的按钮

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>