单击jQuery中的fadeToggle

Question

单击元素时，我在jQuery中遇到fadeToggle（）问题..例如此代码：

HTML：

<div class="element"></div>
<div class="submenu">this is submenu</div>

jQuery：

$('.element').click(function(){


    $('.submenu').fadeToggle();

});

问题是，当我点击$（'。element'）多次后，元素在点击后多次闪烁...那么该怎么做才能解决这个问题？

尝试多次点击：https://jsfiddle.net/ty6s2ymL/

Answer 1

您需要致电.stop()

$(".submenu").stop(true, true).fadeToggle();

.stop()参数为：clearQueue，jumpToEnd

这几乎会立即停止当前动画。要更加“顺畅”停止，请致电.stop(true, false)

参考：.stop()