j查询抖动问题，连续悬停在选项卡上

Question

我遇到了jQuery选项卡的问题。但是，slideUp()和slideDown()效果工作正常，但是如果用户在选项卡之间连续(切换(悬停，则红色部分会尝试打开并用红色小部分猛拉。如果用户连续快速悬停在选项卡上，我如何解决此问题或使该部分完全打开或关闭并且不执行任何操作。

JS小提琴演示

Answer 1

获取了您的代码：

jQuery(document).ready(function() { 
jQuery('.etabs li,.tab_content .etabs_item').mouseenter(function(){
var _tabid = jQuery(this).data('tab');
if(jQuery(this).hasClass('no-drop')){
return false;
}
jQuery('.tab_content .etabs_item').stop(true, true).slideUp();
jQuery("[data-id='"+_tabid+"']").stop(true, true).slideDown(function() { $(this).addClass('no-drop') } );
});
$('.tab_content').mouseleave(function(){
jQuery('.tab_content .etabs_item').stop(true, true).slideUp(function() { $(this).removeClass('no-drop') } );    
});
});

https://jsfiddle.net/nh0p67tL/3/

在向下滑动和向上滑动事件结束时添加了函数，用于添加和删除"无丢弃"类。