Markt
2018-03-12 03:14
조회: 472
추천: 0
스크립트 관련 질문드립니다<<<코드>>> <div data-inven-tabs="" data-inven-tab-selected="tab_01"> <!-- 탭 영역 첫째 줄 --> <div data-inven-tab-for="tab_01" style="display:table-cell;vertical-align:middle;width:20vw;border-color:Peru;border-style:solid;border-width:5px 5px 0px 5px;text-align:center;padding:8px 0px 14px 0px;border-radius:8px 8px 0px 0px;" data-inven-unselected-css="{'_SELF_':{'fontWeight':'normal'}}" data-inven-selected-css="{'_SELF_':{'fontWeight':'bold'}}">탭 A </div> <!-- 내용 영역 --> <div style="clear: left;"> </div> <!-- 탭 A --> <div style="border: 5px solid Peru; max-width: 100vw;" data-inven-tab-id="tab_01"> <div data-inven-tabs="" data-inven-tab-selected="none"> <!-- 줄 1 --> <div style="clear: left;"> </div> <div data-inven-tab-for="tab_01a" style="display:table-cell;vertical-align:middle;width:33vw;border:none;padding:7px;text-align:center;"> 01a </div> <div data-inven-tab-for="tab_01b" style="display:table-cell;vertical-align:middle;width:34vw;border:none;padding:7px;text-align:center;"> 01b </div> <div data-inven-tab-for="tab_01c" style="display:table-cell;vertical-align:middle;width:33vw;border:none;padding:7px;text-align:center;"> 01c </div> <!-- 01a 눌렀을 때 표시 --> <div style="clear: left;"> </div> <div style="border:none; max-width:100vw;" data-inven-tab-id="tab_01a"> <div data-inven-tabs="" data-inven-tab-selected="none"> <div data-inven-tab-for="tab_01a1" style="display:table-cell;vertical-align:middle;width:50vw;border:none;padding:7px;text-align:center;"> 01a1 </div> <div data-inven-tab-for="tab_01a2" style="display:table-cell;vertical-align:middle;width:50vw;border:none;padding:7px;text-align:center;"> 01a2 </div> </div> </div> <!-- 줄 2 --> <div style="clear: left;"> </div> <div data-inven-tab-for="tab_01d" style="display:table-cell;vertical-align:middle;width:50vw;border:none;padding:7px;text-align:center;"> 01d </div> <div data-inven-tab-for="tab_01e" style="display:table-cell;vertical-align:middle;width:50vw;border:none;padding:7px;text-align:center;"> 01e </div> </div> </div> </div> <<<실제 구동>>> 탭 A 01a 01b 01c 01a1 01a2 01d 01e <<<질문>>> 위와 같이 01a를 눌렀을 때 01a1과 01a2가 표시되도록 코드를 짰습니다. 현재는 표시된 01a1과 01a2를 다시 사라지게 하려면 01b~01e를 눌러야 합니다만, 전반적인 형태는 유지한 채 01a와 01a1~2를 눌렀을 때 01a1~2가 사라지도록 만들 수 있는지요? 01a와 01a1~2를 눌렀을 때에만 사라지고 01b~e를 눌렀을 때에는 사라지지 않는 방법이 있고, 두 경우 모두 사라지는 방법이 있는 경우, 두 방법을 모두 알려주시면 감사하겠습니다. |