본문 바로가기

프로그래밍 학습/Bootstrap

[부트스트랩] 어코디언 예제소스

728x90

<div class="accordion" id="accordion2">

<div class="accordion-group">

<div class="accordion-heading">

<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">

아코디언 메뉴1

</a>

</div>

<div id="collapseOne" class="accordion-body collapse in">

<div class="accordion-inner">

아코디언메뉴1 내용부분입니다.

</div>

</div>

</div>

<div class="accordion-group">

<div class="accordion-heading">

<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo">

아코디언 메뉴2

</a>

</div>

<div id="collapseTwo" class="accordion-body collapse">

<div class=”accordion-inner”>

아코디언메뉴2 내용부분입니다.

</div>

</div>

</div>

</div>

 </body>

</html>


복붙하세요! ㅎㅎ


'프로그래밍 학습 > Bootstrap' 카테고리의 다른 글

[부트스트랩] 탭메뉴 예제소스  (0) 2017.07.13