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

多个Bootstrap垂直菜单

1 个答案: