bootstrapを使えば簡単に折り畳みリストを作ることができます。
|
1 2 3 4 5 6 7 8 |
<a href="#" data-toggle='collapse' data-target='#sample'> <div id="sample" class="collapse"> <ul class="list-group"> <li class="list-group-item">11111</li> <li class="list-group-item">22222</li> <li class="list-group-item">33333</li> </div> |
aタグに設定したdata-targetと折りたたみたい要素のidやclassを同じ名前にすると
aタグがクリックされる度に要素が現れたり隠れたりします。