没有唯一标识符的自举崩溃

Question

我正在尝试以不需要唯一标识符的方式使用bootstrap崩溃插件。 通常，页面上通常只有一个或几个可折叠元素。

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

现在发生的是，如果我切换element2的折叠，它将折叠element1 。 显然是因为它们具有相同的ID。

在没有实际为每个可折叠元素赋予唯一标识的情况下，有什么方法可以实现？

这是一个实用的js小提琴：

http://jsfiddle.net/hhvrjnr3/

Answer 1

可以办到。 首先，从要折叠的元素中删除data-target="#collapseExample" 。 然后在您的切换按钮中添加一个额外的类，我添加了'collapser'。 确实不是必需的，但是很容易识别切换按钮。 然后添加一些jQuery进行切换，在这种情况下，我使用next()将后继元素添加到切换按钮，这是您希望折叠的元素。

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

jsFiddle示例