打开最后一个动态添加的手风琴

Question

我正在尝试以编程方式添加引导程序accordion，以便每次单击“添加”按钮时，都会生成一个新的手风琴，并且之前的手风琴或任何其他手风琴都会关闭。我无法弄清楚有关如何使用 methods 以及要通过哪些选项的引导文档，我放了一些我的但它不起作用。

if(this.aCount === 1){
   $('.collapse').collapse('hide');
 }else if(this.aCount === 2){
   $('.collapse').collapse('hide');
   $('.collapse').collapse('show');
 }

问题是我在手风琴上的 id 是动态的，所以我不能使用它，但我的脚本总共会生成 3 个手风琴，并且每次添加新的手风琴时，我都想打开最近添加的手风琴并关闭所有打开的手风琴。现在它打开了第一个。

Answer 1

这是我的工作jsFiddle，试试这个。我正在使用 jquery toggle() 方法在单击时打开和关闭每个 div。然后我用siblings()调用了相对的div元素。

我在这里没有使用引导程序。 :)
希望这会对你有所帮助。

Answer 2

您可以使用 .on 方法在 jQuery 中“委托事件”，以便将事件绑定到动态创建的元素：

jQuery(document).on('click', '.collapse', function (e)
{
    // SOME .collapse WAS CLICKED!
    jQuery('.collapse').collapse('hide');
});

这样，每次点击 .collapse 元素时——即使该元素是动态创建的——所有其他元素都会关闭。