没有唯一标识符的引导折叠

Question

我试图以不需要唯一标识符的方式使用引导崩溃插件。通常，页面上通常有一个或两个可折叠的元素。

但是我的元素是动态生成的，传递索引键是过分的。

现在发生的情况是，如果我切换element2的崩溃，它就会崩溃element1。显然是因为他们的身份证是一样的。

有没有办法在不给每个可折叠元素一个唯一id的情况下实现这一点？

这里有一个功能性的js小提琴：

http://jsfiddle.net/hhvrjnr3/

Answer 1

这是可以做到的。首先，从要折叠的元素中删除data-target="#collapseExample"。然后添加一个额外的类到您的切换按钮，我已经添加了‘折叠’。这并不是真的需要，但这是很好的识别按钮切换。然后添加一些jQuery来进行切换，在本例中，我使用next()将后续元素获取到切换按钮，这是您希望折叠的元素。

$('.collapser').click(function() {
    $(this).next().collapse('toggle');
});

示例jsFiddle