首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何根据用户选择展开和折叠Bootstrap accordion面板

如何根据用户选择展开和折叠Bootstrap accordion面板
EN

Stack Overflow用户
提问于 2015-08-13 16:16:02
回答 2查看 337关注 0票数 1

如何根据用户的选择展开和折叠Bootstrap accordion面板意味着如果我展开A可折叠面板,然后展开B可折叠面板,则A不应该折叠。如果用户想要折叠它,那么可以通过单击符号来完成。

EN

回答 2

Stack Overflow用户

发布于 2015-08-14 05:03:52

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

代码语言:javascript
复制
  data-toggle="collapse" data-parent="#accordion1" href="#collapseOne"

第二个

代码语言:javascript
复制
     data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo"

bootstrap仅检测父级以隐藏先前打开的折叠。

票数 0
EN

Stack Overflow用户

发布于 2015-09-09 18:55:56

代码语言:javascript
复制
           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)同时在header中添加以下javascript代码。

$(文档).ready( function () {$(‘.collapse’).on(‘shown.bs.close’,function () {shown.bs.clision‘,function(){shown.bs.clision})折叠函数(‘idden.bs..on’,.on () { $(this).parent().find(".glyphicon-minus").removeClass("glyphicon-minus").addClass("glyphicon-plus");});});

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/31982961

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档