Tech Stock logo Tech Stock

가장 기본형


<button data-toggle="collapse" data-target="#hello">hello</button>

<div id="hello" class="collapse">
hello 
</div>

요것도 가장 기본형


<a href="#hello" data-toggle="collapse">helloworld</a>

<div id="hello" class="collapse">
hello world
</div>

첫번째 포인트 ! data-toggle=”collapse”
두번째 포인트 ! a href나 data-target는 #을 붙혀준 이름이 되고(대표)
세번째 포인트 ! 그 #을 붙혀준 애를 기준으로 나타나는 애들(샵 가족들)은
#을 안붙히며 div로 묶어준다
네번째 포인트 ! #가족들의 class=”collapse” 가 된다


Collapsible Panel도 있긴한데..
외관상 썩 좋아보이진 않으므로 그닥 쓸일은 없을듯.

기본형 만으로도 충분하다 !!