1--Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.
2--Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.
3--Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.
4--Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.
SOURCE CODE
<div class="panel-group accordion_4" id="accordion4">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion4" href="#collapse4_1"><em class="glyphicons glyph-leaf"></em><span class="accordion_icon"></span>title 1</a>
</h4>
</div>
<div id="collapse4_1" class="panel-collapse collapse in">
<div class="panel-body">Content text 1 ... </div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion4" href="#collapse4_2" class="collapsed"><em class="glyphicons glyph-cogwheel"></em><span class="accordion_icon"></span>title 2</a>
</h4>
</div>
<div id="collapse4_2" class="panel-collapse collapse">
<div class="panel-body">Content text 2 ... </div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion4" href="#collapse4_3" class="collapsed"><em class="glyphicons glyph-power"></em><span class="accordion_icon"></span>title 3</a>
</h4>
</div>
<div id="collapse4_3" class="panel-collapse collapse">
<div class="panel-body">Content text 3 ... </div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion4" href="#collapse4_4" class="collapsed"><em class="glyphicons glyph-playlist"></em><span class="accordion_icon"></span>title 4</a> </h4
>
</div>
<div id="collapse4_4" class="panel-collapse collapse">
<div class="panel-body">Content text 4 ... </div>
</div>
</div>
</div>