<div id="accordion3" class="accordion accordion_3"> <div class="accordion-group"> <div class="accordion-heading"> <a data-parent="#accordion3" data-toggle="collapse" class="accordion-toggle actived" href="#item3_1"><span class="accordion_icon glyphicons"></span>DNN Design & Skin </a> </div> <div id="item3_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="#accordion3" data-toggle="collapse" class="accordion-toggle" href="#item3_2"><span class="accordion_icon glyphicons"></span>Module Development </a> </div> <div id="item3_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="#accordion3" data-toggle="collapse" class="accordion-toggle" href="#item3_3"><span class="accordion_icon glyphicons"></span>Unlimited-color Skin </a> </div> <div id="item3_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="#accordion3" data-toggle="collapse" class="accordion-toggle" href="#item3_4"><span class="accordion_icon glyphicons"></span>Create DNN Website </a> </div> <div id="item3_4" class="accordion-body collapse"> <div class="accordion-inner"> Content text 4 ... </div> </div> </div> </div>
<div id="accordion2" class="accordion accordion_2"> <div class="accordion-group"> <div class="accordion-heading"> <a data-parent="#accordion2" data-toggle="collapse" class="accordion-toggle actived" href="#item2_1"><span class="accordion_icon glyphicons"></span>Dnn Design & Skin </a> </div> <div id="item2_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="#accordion2" data-toggle="collapse" class="accordion-toggle" href="#item2_2"><span class="accordion_icon glyphicons"></span>Modules Development </a> </div> <div id="item2_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="#accordion2" data-toggle="collapse" class="accordion-toggle" href="#item2_3"><span class="accordion_icon glyphicons"></span>Unlimited-colors Skin </a> </div> <div id="item2_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="#accordion2" data-toggle="collapse" class="accordion-toggle" href="#item2_4"><span class="accordion_icon glyphicons"></span>Create Dnn Website </a> </div> <div id="item2_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="accordion_icon glyphicons"></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="accordion_icon glyphicons"></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="accordion_icon glyphicons"></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="accordion_icon glyphicons"></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="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="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>