很多情況 Jquery 中 尤其在 鼠標經過的時候會不停的 顯示隱藏 html元素。 導致來回隱藏、顯示

復制代碼 代碼如下:

<script type="text/javascript">
$(document).ready(function(){
$(".flip").click(function(){ //********問題點在這里，這里沒有判斷是否處于動畫
$(".panel").slideToggle("slow");
});
});
</script>
<style type="text/css">

復制代碼 代碼如下:

<script type="text/javascript">
$(document).ready(function(){
$(".flip").click(function(){
if(!$(".panel").is(":animated")){ //問題點在這里，這里有判斷是否處于動畫
$(".panel").slideToggle("slow");
}
});
});
</script>

復制代碼 代碼如下:

<script type="text/javascript">
$(document).ready(function(){
$(".flip").click(function(){
$(this).stop().slideToggle("slow");//stop() 函數停止動畫隊列。
});
});
</script>