Accordion

Accordion

参考 bootstrap panels

两种样式 : .accordion-style1 、 .accordion-style2

div class="accordion-style1 panel-group" id="accordion">

<div class="panel panel-default">

<div class="panel-heading">

<h4 class="panel-title">

<a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseOne">

<i data-icon-show="ace-icon fa fa-angle-right" data-icon-hide="ace-icon fa fa-angle-down" class="bigger-110 ace-icon fa fa-angle-right"></i>

Group Item #1

</a>

</h4>

</div>

<div id="collapseOne" class="panel-collapse collapse">

<div class="panel-body">

Panel Body

</div>

</div>

</div>

<!---

... other panels ...

-->

</div>

Toggle Icon 切换图标

.accordion-toggle或者 data-toggle="panel"

data-icon-show、data-icon-hide 两种图标

<i data-icon-show="ace-icon fa fa-plus" data-icon-hide="ace-icon fa fa-minus"

class="ace-icon fa fa-plus"></i>

Notes

重新设置内容

$('#accordion').on('shown.bs.collapse', function (e) {

//if($(e.target).is('#collapseTwo')) drawChartNow();

});