[문의] 질문 하나 더 드립니다.

<br><div style="text-align: center;">

<img src="http://www.randomurl.ze.am/e/jd.php?d=2016-06-01%2009:58:51#.png" border="0" width="438" style=""></div><br>

<div data-inven-tabs=""data-inven-tab-selected="none"> 

    <!-- 탭 버튼 부분 -->

    <div data-inven-tab-for="tab_1"

        data-inven-selected-css="{'_SELF_':{'fontWeight':'bold'}}"

        data-inven-unselected-css="{'_SELF_':{'fontWeight':'normal'}}"

        style="border:1px solid; width:60px; padding: .4em; float:left;"> 탭 버튼 1 </div>

    <div data-inven-tab-for="tab_2"

        data-inven-selected-css="{'_SELF_':{'fontWeight':'bold'}}"

        data-inven-unselected-css="{'_SELF_':{'fontWeight':'normal'}}"

        style="border:1px solid; width:60px; padding: .4em; float:left;"> 탭 버튼 2 </div>

    <div style="clear: left;"><br></div>

    <!-- 탭 내용 부분 -->

    <div data-inven-tab-id="tab_1" style="border: 1px solid red; padding: .4em;">탭 1번 내용입니다.</div>

    <div data-inven-tab-id="tab_2" style="border: 1px solid blue; padding: .4em;">탭 2번 내용입니다.</div>

</div>

아까 주신 부분 넣어서 처음에 내용이 안 열린 상태에서 시작하는 건 해결했습니다.

또 하나 궁금한 게 있는데 탭을 접었다가 펴게 하는 건 어떻게 하는 건지 모르겠습니다.

가이드에 있는 인장 접고 펼치기와 탭부분을 섞어서 참고해보려고 했는데 잘 안 되네요;

도움 부탁드립니다ㅠ