单击选项卡时，Jquery fadeIn（）不起作用

Question

嗨我有一个3个标签，内容由jquery hide和fadeIn（）填充。一切正常，但当我们非常快速地点击每个标签时，内容合并对于Ex：第一个标签可能包含第二个标签内容。

注意：慢慢点击每个标签时效果很好，只有速度和连续点击才会导致问题

Jquery的：

    $('.secondtab').on('click',function(){

$('.firsttabcontent,.thirdtabcontent').hide();
removeActiveTab();
$(this).addClass('activeclasstab');

$('.secondtabcontent').hide().fadeIn();


});

$('.firsttab').on('click',function(){
$('.secondtabcontent,.thirdtabcontent').hide();
removeActiveTab();
$(this).addClass('activeclasstab');


$('.firsttabcontent').hide().fadeIn();

});
$('.thirdtab').on('click',function(){
$('.secondtabcontent,.firsttabcontent').hide();
removeActiveTab();
$(this).addClass('activeclasstab');


$('.thirdtabcontent').hide().fadeIn();

});

请帮忙解决这个问题？

Answer 1

最后我得到了解决方案。我使用stop()来防止在快速单击选项卡时选项卡之间的内容重叠。

$('.secondtab').on('click',function(){

$('.firsttabcontent,.thirdtabcontent').hide();
$('.secondtabcontent').stop().hide().fadeIn();


});