如何扩展和折叠Bootstrap手风琴面板作为用户选择意味着如果我展开A可折叠面板,然后展开B可折叠面板,则A不应该折叠。如果使用想要折叠它,那么可以点击符号。
答案 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加”)。; }); });