<div class="panel panel-group panel-transparent" data-toggle="collapse" id=
<div class="panel panel-default">
<div class="panel-heading">
<a class="collapsed" data-parent="#accordion" data-toggle=
"collapse" href="#collapseOne">Collapsible Group Item</a>
<div class="panel-collapse collapse" id="collapseOne">
<div class="panel panel-default">
<div class="panel-heading">
<a class="" data-parent="#accordion" data-toggle="collapse" href=
"#collapseTwo">Typography Variables</a>
<div class="panel-collapse collapse in" id="collapseTwo">
<h4>Try Something neat</h4>
<div class="panel panel-default">
<div class="panel-heading">
<a class="collapsed" data-parent="#accordion" data-toggle=
"collapse" href="#collapseThree">Easy Edit</a>
<div class="panel-collapse collapse" id="collapseThree">