메뉴 토글 -collapse

http://bootstrapk.com/javascript/#collapse

자바스크립트 · 부트스트랩

 

 

링크가보면 아코디언 예제도 있는데

나는 그냥 콜랩스 예제에 번호만 다르게 적어서 적용했다.

<a class="btn btn-primary" data-toggle="collapse" href="#collapse1" aria-expanded="false" aria-controls="collapse1">
  Link with href
</a>

<div class="collapse" id="collapse1>
  <div class="well">
    ...
  </div>
</div>


<a class="btn btn-primary" data-toggle="collapse" href="#collapse2" aria-expanded="false" aria-controls="collapse2">
  Link with href
</a>

<div class="collapse" id="collapse2>
  <div class="well">
    ...
  </div>
</div>