Twitter bootstrap 3 如何根据用户选择展开和折叠引导手风琴面板

Twitter bootstrap 3 如何根据用户选择展开和折叠引导手风琴面板,twitter-bootstrap-3,Twitter Bootstrap 3,如何展开和折叠引导手风琴面板作为用户选择意味着如果我展开一个可折叠面板,然后展开B可折叠面板,那么A不应该折叠。如果用户希望折叠它,则可以通过单击符号来完成。您可以通过为每个折叠指定不同的父级来完成此操作 data-toggle="collapse" data-parent="#accordion1" href="#collapseOne" 第二个 data-toggle="collapse" data-parent="#accordion2" href="#collapseTw

如何展开和折叠引导手风琴面板作为用户选择意味着如果我展开一个可折叠面板,然后展开B可折叠面板,那么A不应该折叠。如果用户希望折叠它,则可以通过单击符号来完成。

您可以通过为每个折叠指定不同的父级来完成此操作

  data-toggle="collapse" data-parent="#accordion1" href="#collapseOne"
第二个

     data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo"

引导仅检测要隐藏以前打开的折叠的父级。

可以通过为每个折叠设置不同的父级来实现这一点

  data-toggle="collapse" data-parent="#accordion1" href="#collapseOne"
           Requirement 1 : To Expand and Collapse the Bootstrap accordion panel as user choice not to auto close, please use the below code.
第二个

     data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo"
引导仅检测父级以隐藏以前打开的折叠

           Requirement 1 : To Expand and Collapse the Bootstrap accordion panel as user choice not to auto close, please use the below code.
1) 数据父项=“#手风琴”
注意:单击另一个面板时,将自动关闭展开的面板。 2) 数据父项=“#提议协调人”
注意:单击另一个面板时,将停止手风琴面板的自动关闭。 要求2:展开和折叠时添加(-)和(+)符号

           Requirement 1 : To Expand and Collapse the Bootstrap accordion panel as user choice not to auto close, please use the below code.
1) 在适当的位置添加以下代码。请参阅随附的文件来执行此操作。 2) 还要在标题中添加以下javascript代码

$(文档).ready(函数(){ $('.collapse').on('show.bs.collapse',函数(){ $(this).parent().find(“.glyphicon plus”).removeClass(“glyphicon plus”).addClass(“glyphicon plus”); }).on('hidden.bs.collapse',函数(){ $(this).parent().find(“.glyphicon-minus”).removeClass(“glyphicon-minus”).addClass(“glyphicon-plus”); }); });

1) 数据父项=“#手风琴”
注意:单击另一个面板时,将自动关闭展开的面板。 2) 数据父项=“#提议协调人”
注意:单击另一个面板时,将停止手风琴面板的自动关闭。 要求2:展开和折叠时添加(-)和(+)符号

           Requirement 1 : To Expand and Collapse the Bootstrap accordion panel as user choice not to auto close, please use the below code.
1) 在适当的位置添加以下代码。请参阅随附的文件来执行此操作。 2) 还要在标题中添加以下javascript代码

$(文档).ready(函数(){ $('.collapse').on('show.bs.collapse',函数(){ $(this).parent().find(“.glyphicon plus”).removeClass(“glyphicon plus”).addClass(“glyphicon plus”); }).on('hidden.bs.collapse',函数(){ $(this).parent().find(“.glyphicon-minus”).removeClass(“glyphicon-minus”).addClass(“glyphicon-plus”); }); });