私は下のリンクから垂直メニューを使用していますメニュー

Question

複数のブートストラップ垂直：私は、彼らがお互いに矛盾している同じページに2を持っているとき

http://bootsnipp.com/snippets/BapPE 

私の問題があります。お互いに矛盾しない1つのページに2つの垂直メニューを表示することで、誰かが私を助けたり、正しい方向に向けることができますか？私の話を見ることができるように、以下は私のバイブルです。

https://jsfiddle.net/1g8xfqe4/ 

ありがとうございます！

Answer 1

toggle.ppit-tab-contentの場合は、正常に動作するように親の.ppit-tab-containerを追加するだけです。

私はあなたのスクリプトにいくつかの変更を行い、それが正常に動作： https://jsfiddle.net/1g8xfqe4/1/

$("div.ppit-tab-menu>div.list-group>a").click(function(e) { 
    e.preventDefault(); 
    var thisParent = $(this).closest('.ppit-tab-container'); 
    $(this).siblings('a.active').removeClass("active"); 
    $(this).addClass("active"); 
    var index = $(this).index(); 
    $("div.ppit-tab>div.ppit-tab-content", thisParent).removeClass("active"); 
    $("div.ppit-tab>div.ppit-tab-content", thisParent).eq(index).addClass("active"); 
});