Question

如何扩展和折叠Bootstrap手风琴面板作为用户选择意味着如果我展开A可折叠面板，然后展开B可折叠面板，则A不应该折叠。如果使用想要折叠它，那么可以点击符号。

Answer 1

你可以通过每次崩溃让不同的父母来做到这一点

  data-toggle="collapse" data-parent="#accordion1" href="#collapseOne"

第二个

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

bootstrap仅检测父级以隐藏先前打开的崩溃。

Answer 2

           Requirement 1 : To Expand and Collapse the Bootstrap accordion panel as user choice not to auto close, please use the below code.

1）data-parent =“＃accordian”
注意：在点击另一个面板时可以自动关闭展开面板。 2）data-parent =“＃proposalAccordian”
注意：当点击另一个时，将停止手风琴面板的自动关闭。要求2：展开和折叠时添加（ - ）和（+）符号。

1）在适当的位置添加以下代码。请参阅附件以执行此操作。 2）还在标题中添加以下javascript代码。

$（document）.ready（function（）{ $（'。collapse'）。on（'shown.bs.collapse'，function（）{ $（本）.parent（）找到（ “glyphicon加 ”）。removeClass（“ glyphicon加 ”）addClass（“ glyphicon减”）。; }）。on（'hidden.bs.collapse'，function（）{ $（本）.parent（）找到（ “glyphicon减 ”）。removeClass（“ glyphicon减 ”）addClass（“ glyphicon加”）。; }）; }）;

如何扩展和折叠Bootstrap手风琴面板作为用户选择

2 个答案: