2 つの div にタブを作成するためのこの単純なコードがありますが、タブをクリックしても要素がフェードインまたはフェードアウトしませんが、fadeIn と fadeOut を表示と非表示に変更すると正常に動作し、何が問題なのかわかりません:
$("ul.tabs li").click(function(event)
{
event.preventDefault();
$("ul.tabs li").removeClass("active");
$(this).addClass("active");
$(".tab_content").fadeOut();
var activeTab = $(this).find("a").attr("href");
console.log(activeTab)
$(activeTab).fadeIn();
});
<ul class="tabs">
<li class="page_item active">
<a href="#doss" class="option-doss">Doss</a>
</li>
<li class="page_item competitors-page">
<a href="#competitors" class="option-competitors">Competitors</a>
</li>
</ul>
<div id="doss" class="tab_content clearfix">
<div class="men">
<a href="?cat=28"></a>
</div>
<div class="women">
<a href="?cat=37"></a>
</div>
<div class="kids">
<a href="?cat=44"></a>
</div>
</div>
<div id="competitors" class="tab_content clearfix">
competitors
</div>
解決済み
easing.js ファイルを削除したところ、動作しているように見えました。