我有一台带有约10个面板的Bootstrap手风琴。我有一个复选框需要完成以下操作:

未选中-所有面板都关闭,并且一次只显示一个面板(即:定义了父面板,以便当一个面板打开时另一个面板关闭)

选中-所有面板均打开并独立运行(即:未定义父级)

该文档没有涵盖这种情况,我不确定如何实现。我尝试了以下操作(使用Bootstrap文档中显示的手风琴示例作为我的HTML代码)...

取消选中复选框时运行的代码:

$(".collapse").collapse({ parent: "#accordion", toggle: false }, "hide");


选中复选框后,对运行进行编码:

$(".collapse").collapse({ toggle: false }, "show");


但是,这似乎根本不起作用。例如,当运行第二个代码以显示所有面板时,没有任何变化。我似乎在这里错过了一些东西。

最佳答案

您可以通过在data-parent上切换a属性来执行此操作,该属性使用jQuery进行折叠/展开。添加以下内容(假设您的复选框的ID为allowmulti):

$('#allowmulti').click(function() {
  if(this.checked) {
    $('#accordion a').removeAttr('data-parent');
  } else {
    $('#accordion a').attr('data-parent', '#accordion');
  }
});


示例Bootply here

关于javascript - Bootstrap Accordion -添加和删除父级,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/28346938/

10-12 00:04
查看更多