Multiple Bootstrap Вертикальные меню

Question

Я использую вертикальное меню по ссылке ниже:

http://bootsnipp.com/snippets/BapPE 

Моя проблема в том, когда у меня есть два на той же странице, что они противоречат друг другу друг с другом. Может ли кто-нибудь помочь мне или указать мне в правильном направлении, если на одной странице есть два вертикальных меню, которые не конфликтуют друг с другом. Ниже моя сцена, чтобы вы могли видеть, о чем я говорю.

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"); 
});