인벤 스크립트 게시판

전체보기

모바일 상단 메뉴

본문 페이지

[문의] 스크립트 관련 질문드립니다

Markt
댓글: 1 개 관리자 댓글
조회: 470
2018-03-12 03:14:07
<<<코드>>>

<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를 눌렀을 때에는 사라지지 않는 방법이 있고, 두 경우 모두 사라지는 방법이 있는 경우, 두 방법을 모두 알려주시면 감사하겠습니다.

Lv81 Markt

모바일 게시판 하단버튼

댓글

새로고침
새로고침

모바일 게시판 하단버튼

지금 뜨는 인벤

더보기+

모바일 게시판 리스트

모바일 게시판 하단버튼

글쓰기

모바일 게시판 페이징