<div class="accordion accordion_3" id="accordion3"> <div class="accordion-group"> <div class="accordion-heading"> <a href="#item1" class="accordion-toggle actived" data-toggle="collapse" data-parent="#accordion3"><span class="glyphicons accordion_icon"></span> DNN Design & Skin </a> </div> <div class="accordion-body collapse in" id="item1"> <div class="accordion-inner"> Content text 1 ... </div> </div> </div> <div class="accordion-group"> <div class="accordion-heading"> <a href="#item2" class="accordion-toggle" data-toggle="collapse" data-parent="#accordion3"><span class="glyphicons accordion_icon"></span> Module Development </a> </div> <div class="accordion-body collapse" id="item2"> <div class="accordion-inner"> Content text 2 ... </div> </div> </div> <div class="accordion-group"> <div class="accordion-heading"> <a href="#item3" class="accordion-toggle" data-toggle="collapse" data-parent="#accordion3"><span class="glyphicons accordion_icon"></span> Unlimited-colors Skin </a> </div> <div class="accordion-body collapse" id="item3"> <div class="accordion-inner"> Content text 3 ... </div> </div> </div> <div class="accordion-group"> <div class="accordion-heading"> <a href="#item4" class="accordion-toggle" data-toggle="collapse" data-parent="#accordion3"><span class="glyphicons accordion_icon"></span> Create Dnn Website </a> </div> <div class="accordion-body collapse" id="item4"> <div class="accordion-inner"> Content text 4 ... </div> </div> </div> </div>
<div id="accordion4" class="accordion accordion_4"> <div class="accordion-group"> <div class="accordion-heading"> <a data-parent="#accordion4" data-toggle="collapse" class="accordion-toggle actived" href="#item4_1"><span class="accordion_icon"></span>Dnn Design & Skin </a> </div> <div id="item4_1" class="accordion-body collapse in"> <div class="accordion-inner"> Content text 1 ... </div> </div> </div> <div class="accordion-group"> <div class="accordion-heading"> <a data-parent="#accordion4" data-toggle="collapse" class="accordion-toggle" href="#item4_2"><span class="accordion_icon"></span>Modules Development </a> </div> <div id="item4_2" class="accordion-body collapse"> <div class="accordion-inner"> Content text 2 ... </div> </div> </div> <div class="accordion-group"> <div class="accordion-heading"> <a data-parent="#accordion4" data-toggle="collapse" class="accordion-toggle" href="#item4_3"><span class="accordion_icon"></span>Unlimited-colors Skin </a> </div> <div id="item4_3" class="accordion-body collapse"> <div class="accordion-inner"> Content text 3 ... </div> </div> </div> <div class="accordion-group"> <div class="accordion-heading"> <a data-parent="#accordion4" data-toggle="collapse" class="accordion-toggle" href="#item4_4"><span class="accordion_icon"></span>Create Dnn Website </a> </div> <div id="item4_4" class="accordion-body collapse"> <div class="accordion-inner"> Content text 4 ... </div> </div> </div> </div>
<div id="accordion5" class="accordion accordion_5"> <div class="accordion-group"> <div class="accordion-heading"> <a data-parent="#accordion5" data-toggle="collapse" class="accordion-toggle actived" href="#item5_1"><span class="glyphicons accordion_icon"></span> Dnn Design & Skin </a> </div> <div id="item5_1" class="accordion-body collapse in"> <div class="accordion-inner"> Content text 1 ... </div> </div> </div> <div class="accordion-group"> <div class="accordion-heading"> <a data-parent="#accordion5" data-toggle="collapse" class="accordion-toggle" href="#item5_2"><span class="glyphicons accordion_icon"></span> Modules Development </a> </div> <div id="item5_2" class="accordion-body collapse"> <div class="accordion-inner"> Content text 2 ... </div> </div> </div> <div class="accordion-group"> <div class="accordion-heading"> <a data-parent="#accordion5" data-toggle="collapse" class="accordion-toggle" href="#item5_3"><span class="glyphicons accordion_icon"></span> Unlimited-colors Skin </a> </div> <div id="item5_3" class="accordion-body collapse"> <div class="accordion-inner"> Content text 3 ... </div> </div> </div> <div class="accordion-group"> <div class="accordion-heading"> <a data-parent="#accordion5" data-toggle="collapse" class="accordion-toggle" href="#item5_4"><span class="glyphicons accordion_icon"></span> Create Dnn Website </a> </div> <div id="item5_4" class="accordion-body collapse"> <div class="accordion-inner"> Content text 4 ... </div> </div> </div> </div>
<div id="accordion6" class="accordion accordion_6"> <div class="accordion-group"> <div class="accordion-heading"> <a data-parent="#accordion6" data-toggle="collapse" class="accordion-toggle actived" href="#item6_1"><span class="accordion_icon"></span>Dnn Design & Skin </a> </div> <div id="item6_1" class="accordion-body collapse in"> <div class="accordion-inner"> Content text 1 ... </div> </div> </div> <div class="accordion-group"> <div class="accordion-heading"> <a data-parent="#accordion6" data-toggle="collapse" class="accordion-toggle" href="#item6_2"><span class="accordion_icon"></span>Modules Development </a> </div> <div id="item6_2" class="accordion-body collapse"> <div class="accordion-inner"> Content text 2 ... </div> </div> </div> <div class="accordion-group"> <div class="accordion-heading"> <a data-parent="#accordion6" data-toggle="collapse" class="accordion-toggle" href="#item6_3"><span class="accordion_icon"></span>Unlimited-colors Skin </a> </div> <div id="item6_3" class="accordion-body collapse"> <div class="accordion-inner"> Content text 3 ... </div> </div> </div> <div class="accordion-group"> <div class="accordion-heading"> <a data-parent="#accordion6" data-toggle="collapse" class="accordion-toggle" href="#item6_4"><span class="accordion_icon"></span>Create Dnn Website </a> </div> <div id="item6_4" class="accordion-body collapse"> <div class="accordion-inner"> Content text 4 ... </div> </div> </div> </div>
Button
<a href="#button" data-toggle="collapse" class="btn btn-danger">Button</a><div class="accordion-body collapse" id="button">...</div>