Bootstap 折叠(Collapse).docVIP

Bootstrap 折叠（Collapse）插件 折叠（Collapse）插件可以很容易地让页面区域折叠起来。无论您用它来创建折叠导航还是内容面板，它都允许很多内容选项。 如果您想要单独引用该插件的功能，那么您需要引用 collapse.js。同时，也需要在您的 Bootstrap 版本中引用 Transition（过渡）插件。或者，正如 Bootstrap 插件概览 一章中所提到，您可以引用 bootstrap.js 或压缩版的 bootstrap.min.js。 您可以使用折叠（Collapse）插件： 创建可折叠的分组或折叠面板（accordion），如下所示： !DOCTYPE html html head titleBootstrap 实例 - 折叠面板/title link href=/bootstrap/css/bootstrap.min.css rel=stylesheet script src=/scripts/jquery.min.js/script script src=/bootstrap/js/bootstrap.min.js/script /head body div class=panel-group id=accordion div class=panel panel-default div class=panel-heading h4 class=panel-title a data-toggle=collapse data-parent=#accordion href=#collapseOne 点击我进行展开，再次点击我进行折叠。第 1 部分 /a /h4 /div div id=collapseOne class=panel-collapse collapse in div class=panel-body Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. /div /div /div div class=panel panel-default div class=panel-heading h4 class=panel-title a data-toggle=collapse data-parent=#accordion href=#collapseTwo 点击我进行展开，再次点击我进行折叠。第 2 部分 /a /h4 /div div id=collapseTwo class=panel-collapse collapse div class=panel-body Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. /div /div /div div class=panel panel-default div class=panel-heading h4 class=panel-title a data-toggle=collapse data-parent=#accordion href=#collapseThree 点击我进行展开，再次点击我进行折叠。第 3 部分 /a /h4 /div div id=collapseThree class=panel-collapse collapse div class=panel-body Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad ve