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

时间:2015-08-13 08:16:02

标签: twitter-bootstrap-3

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

2 个答案:

答案 0 :(得分:0)

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

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

第二个

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

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

答案 1 :(得分:0)

           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加”)。;             });         });