Javascript/Jquery onclick関数の結露

Question

コードを短くするためにコードで行うことができますか？ ここに私のコードは、それは単純なタブのようなものです。 Btw、このコードはすでに動作していますが、私は多くのタブを持っているなら、私は多くのクリック機能を繰り返さなければならないと思っています。 スクリプトを短くする方法はありますか？ありがとうございます。

$(function() { 
    $(".invMer, .invEq").hide(); 

    $(".mergers a").click(function() { 
     $(".invMer").fadeIn(); 
     $(".invEq, .invPe").hide(); 
    }); 

    $(".equity a").click(function() { 
     $(".invEq").fadeIn(); 
     $(".invMer, .invPe").hide(); 
    }); 

    $(".privateEq a").click(function() { 
     $(".invPe").fadeIn(); 
     $(".invMer, .invEq").hide(); 
    }); 

Answer 1

すべてのリンクに同じクラスと、どのタブを開くべきかを示すデータ属性を指定します。だから、のようなもの：

<div class="mergers"> 
    <a class="tablink" href="#" data-tab="invMer">Mergers</a> 
</div> 

そして、すべてのタブのdiv要素は、共通のクラスを持っている必要があります。

<div class="tabdiv" id="invMer"> 
    ... 
</div> 

その後、あなたは、単一のハンドラを使用することができます。

$(".tablink").click(function() { 
    var tab = '#' + $(this).data("tab"); 
    $(".tabdiv").not(tab).hide(); 
    $(tab).show(); 
}); 

Answer 2

は、データ属性

を使用します

<a data-show=".invPe"> 

およびdo