인벤 스크립트에 관심을 가져주셔서 감사합니다.

펼쳐진 탭을 다시 클릭할 경우 접히도록 수정해 달라고 요청해 주셨는데요.
기본적인 탭 기능으로는 지원하지 않는 기능으로써,

가짜 탭(dummy)을 만들어서,
탭 버튼을 누를 경우, 버튼이 더미 탭의 버튼으로 바뀌도록 구성하였습니다.

혹시 원하시던 기능과 다르거나,
이외에도 궁금하신 내용은 언제든지 글 남겨주세요.

감사합니다.



□ HTML을 누른 상태에서 붙여넣어 주세요.

<pre style="line-height: 100%; margin-top: 0px; margin-bottom: 0px;"> </pre>
<pre style="line-height: 100%; margin-top: 0px; margin-bottom: 0px;"> </pre>
<pre style="line-height: 100%; margin-top: 0px; margin-bottom: 0px;"> </pre>
<pre style="line-height: 100%; margin-top: 0px; margin-bottom: 0px;"> </pre>
<pre style="line-height: 100%; margin-top: 0px; margin-bottom: 0px;"> </pre>
<pre style="line-height: 100%; margin-top: 0px; margin-bottom: 0px;"> </pre>
현재 Test 중입니다. 곧 완성 됩니다.
<pre style="line-height: 100%; margin-top: 0px; margin-bottom: 0px;"> </pre>
<pre style="line-height: 100%; margin-top: 0px; margin-bottom: 0px;"> </pre>
<pre style="line-height: 100%; margin-top: 0px; margin-bottom: 0px;"> </pre>

<div data-inven-tab-selected="tab_0" data-inven-tabs>
<span data-inven-tab-for="tab_0"></span>
<span data-inven-tab-for="tab_1_dum"></span>
<span data-inven-tab-for="tab_2_dum"></span>
<span data-inven-tab-for="tab_3_dum"></span>
<a href="#" data-inven-tooltip=";;#00ffff;인벤을 즐기면서 궁금한 사항이나 Tip을 알려 드립니다.">
<img width="438" src="http://upload2.inven.co.kr/upload/2015/07/01/bbs/i11233876028.png">
</a>

<span data-inven-tooltip=";;#00ffff;여기에 설명이 들어갑니다.">
<span style='padding: 3px 5px; border-radius: 6px; width: 50px; text-align: center; color: black; display: inline-block; background-image: url("http://upload2.inven.co.kr/upload/2015/12/10/bbs/i13528948573.png");' data-inven-tab-for="tab_1" data-inven-id="tab_1but"
data-inven-selected-css="{'tab_1but':{'display':'none'},'tab_1dbut':{'display':'inline-block'}}"
data-inven-unselected-css="{'tab_1dbut':{'display':'none'},'tab_1but':{'display':'inline-block'}}"
>닉네임순</span>
<span style='padding: 3px 5px; border-radius: 6px; width: 50px; text-align: center; color: black; display: none; background-image: url("http://upload2.inven.co.kr/upload/2015/12/10/bbs/i13528948573.png");'
data-inven-tab-for="tab_1_dum" data-inven-id="tab_1dbut">닉네임순</span>
</span>

<span data-inven-tooltip=";;#00ffff;여기에 설명이 들어갑니다.">
<span style='padding: 3px 5px; border-radius: 6px; width: 50px; text-align: center; color: black; display: inline-block; background-image: url("http://upload2.inven.co.kr/upload/2015/12/10/bbs/i13528948573.png");' data-inven-tab-for="tab_2" data-inven-id="tab_2but"
data-inven-selected-css="{'tab_2but':{'display':'none'},'tab_2dbut':{'display':'inline-block'}}"
data-inven-unselected-css="{'tab_2dbut':{'display':'none'},'tab_2but':{'display':'inline-block'}}"
>이니순</span>
<span style='padding: 3px 5px; border-radius: 6px; width: 50px; text-align: center; color: black; display: none; background-image: url("http://upload2.inven.co.kr/upload/2015/12/10/bbs/i13528948573.png");'
data-inven-tab-for="tab_2_dum" data-inven-id="tab_2dbut">이니순</span>
</span>

<span data-inven-tooltip=";;#00ffff;여기에 설명이 들어갑니다.">
<span style='padding: 3px 5px; border-radius: 6px; width: 50px; text-align: center; color: black; display: inline-block; background-image: url("http://upload2.inven.co.kr/upload/2015/12/10/bbs/i13528948573.png");' data-inven-tab-for="tab_3" data-inven-id="tab_3but"
data-inven-selected-css="{'tab_3but':{'display':'none'},'tab_3dbut':{'display':'inline-block'}}"
data-inven-unselected-css="{'tab_3dbut':{'display':'none'},'tab_3but':{'display':'inline-block'}}"
>베니순</span>
<span style='padding: 3px 5px; border-radius: 6px; width: 50px; text-align: center; color: black; display: none; background-image: url("http://upload2.inven.co.kr/upload/2015/12/10/bbs/i13528948573.png");'
data-inven-tab-for="tab_3_dum" data-inven-id="tab_3dbut">베니순</span>
</span>


<!-- 이하의 소스는 수정하지 않았습니다.-->
<div style="display: none;" data-inven-tab-id="tab_1"><a href="#" data-inven-hide="seal1"></a><table width="350" bordercolorlight="white" bordercolordark="white" style='font-family: "굴림체"; font-size: 13px;' bgcolor="#ffcc66" cellspacing="0"><tbody><tr><td style="text-align: left;"><font color="black"><b> 『닉네임』순</b></font></td></tr></tbody></table><table width="350" bordercolorlight="white" bordercolordark="white" style='font-family: "굴림체"; font-size: 13px;' bgcolor="#ffcc66" cellspacing="0"><tbody><tr><td style="text-align: left;"><a style="text-decoration: none;" href="http://www.inven.co.kr/board/powerbbs.php?come_idx=3712&amp;query=view&amp;p=1&amp;l=183227&amp;category=&amp;iskin=&amp;mskin=&amp;sort=PID&amp;orderby=" target='_blank"'><font color="red"><b> ※ </b></font><font color="blue">2014.08.18 현재 (1,582명) 『닉네임』순</font></a></td></tr></tbody></table><table width="350" bordercolorlight="white" bordercolordark="white" style='font-family: "굴림체"; font-size: 13px;' bgcolor="#ffcc66" cellspacing="0"><tbody><tr><td style="text-align: left;"><a style="text-decoration: none;" href="http://www.inven.co.kr/board/powerbbs.php?come_idx=3712&amp;query=view&amp;p=1&amp;l=183161&amp;category=&amp;iskin=&amp;mskin=&amp;sort=PID&amp;orderby=" target='_blank"'><font color="red"><b> ※ </b></font><font color="blue">2014.09.04 현재 (2,688명) 『닉네임』순</font></a></td></tr></tbody></table><table width="350" bordercolorlight="white" bordercolordark="white" style='font-family: "굴림체"; font-size: 13px;' bgcolor="#ffcc66" cellspacing="0"><tbody><tr><td style="text-align: left;"><a style="text-decoration: none;" href="http://www.inven.co.kr/board/powerbbs.php?come_idx=3712&amp;query=view&amp;p=1&amp;l=183160&amp;category=&amp;iskin=&amp;mskin=&amp;sort=PID&amp;orderby=" target='_blank"'><font color="red"><b> ※ </b></font><font color="blue">2014.11.20 현재 (1,264명) 『닉네임』순</font></a></td></tr></tbody></table></div><div style="display: none;" data-inven-tab-id="tab_2"><a href="#" data-inven-hide="seal2"></a><table width="350" bordercolorlight="white" bordercolordark="white" style='font-family: "굴림체"; font-size: 13px;' bgcolor="#ffcc66" cellspacing="0"><tbody><tr><td style="text-align: left;"><font color="black"><b> 『이니』순</b></font></td></tr></tbody></table><table width="350" bordercolorlight="white" bordercolordark="white" style='font-family: "굴림체"; font-size: 13px;' bgcolor="#ffcc66" cellspacing="0"><tbody><tr><td style="text-align: left;"><a style="text-decoration: none;" href="http://www.inven.co.kr/board/powerbbs.php?come_idx=2777&amp;l=52707" target='_blank"'><font color="red"><b> ※ </b></font><font color="blue">2015.05.11 현재 (1,500명) 『이니』순</font></a></td></tr></tbody></table><table width="350" bordercolorlight="white" bordercolordark="white" style='font-family: "굴림체"; font-size: 13px;' bgcolor="#ffcc66" cellspacing="0"><tbody><tr><td style="text-align: left;"><a style="text-decoration: none;" href="http://www.inven.co.kr/board/powerbbs.php?come_idx=2777&amp;l=54396" target='_blank"'><font color="red"><b> ※ </b></font><font color="blue">2015.06.22 현재 (1,500명) 『이니』순</font></a></td></tr></tbody></table><table width="350" bordercolorlight="white" bordercolordark="white" style='font-family: "굴림체"; font-size: 13px;' bgcolor="#ffcc66" cellspacing="0"><tbody><tr><td style="text-align: left;"><a style="text-decoration: none;" href="http://www.inven.co.kr/board/powerbbs.php?come_idx=2777&amp;l=56803" target='_blank"'><font color="red"><b> ※ </b></font><font color="blue">2015.07.28 현재 (1,500명) 『이니』순</font></a></td></tr></tbody></table><table width="350" bordercolorlight="white" bordercolordark="white" style='font-family: "굴림체"; font-size: 13px;' bgcolor="#ffcc66" cellspacing="0"><tbody><tr><td style="text-align: left;"><a style="text-decoration: none;" href="http://www.inven.co.kr/board/powerbbs.php?come_idx=2777&amp;l=64458" target='_blank"'><font color="red"><b> ※ </b></font><font color="blue">2016.04.23 현재 (852명) 『이니』순</font></a></td></tr></tbody></table></div><div style="display: none;" data-inven-tab-id="tab_3"><a href="#" data-inven-hide="seal3"></a><table width="350" bordercolorlight="white" bordercolordark="white" style='font-family: "굴림체"; font-size: 13px;' bgcolor="#ffcc66" cellspacing="0"><tbody><tr><td style="text-align: left;"><font color="black"><b> 『베니』순</b></font></td></tr></tbody></table><table width="350" bordercolorlight="white" bordercolordark="white" style='font-family: "굴림체"; font-size: 13px;' bgcolor="#ffcc66" cellspacing="0"><tbody><tr><td style="text-align: left;"><a style="text-decoration: none;" href="http://www.inven.co.kr/board/powerbbs.php?come_idx=2777&amp;l=52707" target='_blank"'><font color="red"><b> ※ </b></font><font color="blue">2015.05.11 현재 (1,500명) 『베니』순</font></a></td></tr></tbody></table><table width="350" bordercolorlight="white" bordercolordark="white" style='font-family: "굴림체"; font-size: 13px;' bgcolor="#ffcc66" cellspacing="0"><tbody><tr><td style="text-align: left;"><a style="text-decoration: none;" href="http://www.inven.co.kr/board/powerbbs.php?come_idx=2777&amp;l=54396" target='_blank"'><font color="red"><b> ※ </b></font><font color="blue">2015.06.22 현재 (1,500명) 『베니』순</font></a></td></tr></tbody></table><table width="350" bordercolorlight="white" bordercolordark="white" style='font-family: "굴림체"; font-size: 13px;' bgcolor="#ffcc66" cellspacing="0"><tbody><tr><td style="text-align: left;"><a style="text-decoration: none;" href="http://www.inven.co.kr/board/powerbbs.php?come_idx=2777&amp;l=56803" target='_blank"'><font color="red"><b> ※ </b></font><font color="blue">2015.07.28 현재 (1,500명) 『베니』순</font></a></td></tr></tbody></table><table width="350" bordercolorlight="white" bordercolordark="white" style='font-family: "굴림체"; font-size: 13px;' bgcolor="#ffcc66" cellspacing="0"><tbody><tr><td style="text-align: left;"><a style="text-decoration: none;" href="http://www.inven.co.kr/board/powerbbs.php?come_idx=2777&amp;l=64458" target='_blank"'><font color="red"><b> ※ </b></font><font color="blue">2016.04.23 현재 (852명) 『베니』순</font></a></td></tr></tbody></table></div></div><div style="display: none;" data-inven-tab-id="tab_1"><a href="#" data-inven-hide="seal1"></a><table width="350" bordercolorlight="white" bordercolordark="white" style='font-family: "굴림체"; font-size: 13px;' bgcolor="#ffcc66" cellspacing="0"><tbody><tr><td style="text-align: left;"><font color="black"><b> 『닉네임』순</b></font></td></tr></tbody></table><table width="350" bordercolorlight="white" bordercolordark="white" style='font-family: "굴림체"; font-size: 13px;' bgcolor="#ffcc66" cellspacing="0"><tbody><tr><td style="text-align: left;"><a style="text-decoration: none;" href="http://www.inven.co.kr/board/powerbbs.php?come_idx=3712&amp;query=view&amp;p=1&amp;l=183227&amp;category=&amp;iskin=&amp;mskin=&amp;sort=PID&amp;orderby=" target='_blank"'><font color="red"><b> ※ </b></font><font color="blue">2014.08.18 현재 (1,582명) 『닉네임』순</font></a></td></tr></tbody></table><table width="350" bordercolorlight="white" bordercolordark="white" style='font-family: "굴림체"; font-size: 13px;' bgcolor="#ffcc66" cellspacing="0"><tbody><tr><td style="text-align: left;"><a style="text-decoration: none;" href="http://www.inven.co.kr/board/powerbbs.php?come_idx=3712&amp;query=view&amp;p=1&amp;l=183161&amp;category=&amp;iskin=&amp;mskin=&amp;sort=PID&amp;orderby=" target='_blank"'><font color="red"><b> ※ </b></font><font color="blue">2014.09.04 현재 (2,688명) 『닉네임』순</font></a></td></tr></tbody></table><table width="350" bordercolorlight="white" bordercolordark="white" style='font-family: "굴림체"; font-size: 13px;' bgcolor="#ffcc66" cellspacing="0"><tbody><tr><td style="text-align: left;"><a style="text-decoration: none;" href="http://www.inven.co.kr/board/powerbbs.php?come_idx=3712&amp;query=view&amp;p=1&amp;l=183160&amp;category=&amp;iskin=&amp;mskin=&amp;sort=PID&amp;orderby=" target='_blank"'><font color="red"><b> ※ </b></font><font color="blue">2014.11.20 현재 (1,264명) 『닉네임』순</font></a></td></tr></tbody></table></div><div style="display: none;" data-inven-tab-id="tab_2"><a href="#" data-inven-hide="seal2"></a><table width="350" bordercolorlight="white" bordercolordark="white" style='font-family: "굴림체"; font-size: 13px;' bgcolor="#ffcc66" cellspacing="0"><tbody><tr><td style="text-align: left;"><font color="black"><b> 『이니』순</b></font></td></tr></tbody></table><table width="350" bordercolorlight="white" bordercolordark="white" style='font-family: "굴림체"; font-size: 13px;' bgcolor="#ffcc66" cellspacing="0"><tbody><tr><td style="text-align: left;"><a style="text-decoration: none;" href="http://www.inven.co.kr/board/powerbbs.php?come_idx=2777&amp;l=52707" target='_blank"'><font color="red"><b> ※ </b></font><font color="blue">2015.05.11 현재 (1,500명) 『이니』순</font></a></td></tr></tbody></table><table width="350" bordercolorlight="white" bordercolordark="white" style='font-family: "굴림체"; font-size: 13px;' bgcolor="#ffcc66" cellspacing="0"><tbody><tr><td style="text-align: left;"><a style="text-decoration: none;" href="http://www.inven.co.kr/board/powerbbs.php?come_idx=2777&amp;l=54396" target='_blank"'><font color="red"><b> ※ </b></font><font color="blue">2015.06.22 현재 (1,500명) 『이니』순</font></a></td></tr></tbody></table><table width="350" bordercolorlight="white" bordercolordark="white" style='font-family: "굴림체"; font-size: 13px;' bgcolor="#ffcc66" cellspacing="0"><tbody><tr><td style="text-align: left;"><a style="text-decoration: none;" href="http://www.inven.co.kr/board/powerbbs.php?come_idx=2777&amp;l=56803" target='_blank"'><font color="red"><b> ※ </b></font><font color="blue">2015.07.28 현재 (1,500명) 『이니』순</font></a></td></tr></tbody></table><table width="350" bordercolorlight="white" bordercolordark="white" style='font-family: "굴림체"; font-size: 13px;' bgcolor="#ffcc66" cellspacing="0"><tbody><tr><td style="text-align: left;"><a style="text-decoration: none;" href="http://www.inven.co.kr/board/powerbbs.php?come_idx=2777&amp;l=64458" target='_blank"'><font color="red"><b> ※ </b></font><font color="blue">2016.04.23 현재 (852명) 『이니』순</font></a></td></tr></tbody></table></div><div style="display: none;" data-inven-tab-id="tab_3"><a href="#" data-inven-hide="seal3"></a><table width="350" bordercolorlight="white" bordercolordark="white" style='font-family: "굴림체"; font-size: 13px;' bgcolor="#ffcc66" cellspacing="0"><tbody><tr><td style="text-align: left;"><font color="black"><b> 『베니』순</b></font></td></tr></tbody></table><table width="350" bordercolorlight="white" bordercolordark="white" style='font-family: "굴림체"; font-size: 13px;' bgcolor="#ffcc66" cellspacing="0"><tbody><tr><td style="text-align: left;"><a style="text-decoration: none;" href="http://www.inven.co.kr/board/powerbbs.php?come_idx=2777&amp;l=52707" target='_blank"'><font color="red"><b> ※ </b></font><font color="blue">2015.05.11 현재 (1,500명) 『베니』순</font></a></td></tr></tbody></table><table width="350" bordercolorlight="white" bordercolordark="white" style='font-family: "굴림체"; font-size: 13px;' bgcolor="#ffcc66" cellspacing="0"><tbody><tr><td style="text-align: left;"><a style="text-decoration: none;" href="http://www.inven.co.kr/board/powerbbs.php?come_idx=2777&amp;l=54396" target='_blank"'><font color="red"><b> ※ </b></font><font color="blue">2015.06.22 현재 (1,500명) 『베니』순</font></a></td></tr></tbody></table><table width="350" bordercolorlight="white" bordercolordark="white" style='font-family: "굴림체"; font-size: 13px;' bgcolor="#ffcc66" cellspacing="0"><tbody><tr><td style="text-align: left;"><a style="text-decoration: none;" href="http://www.inven.co.kr/board/powerbbs.php?come_idx=2777&amp;l=56803" target='_blank"'><font color="red"><b> ※ </b></font><font color="blue">2015.07.28 현재 (1,500명) 『베니』순</font></a></td></tr></tbody></table><table width="350" bordercolorlight="white" bordercolordark="white" style='font-family: "굴림체"; font-size: 13px;' bgcolor="#ffcc66" cellspacing="0"><tbody><tr><td style="text-align: left;"><a style="text-decoration: none;" href="http://www.inven.co.kr/board/powerbbs.php?come_idx=2777&amp;l=64458" target='_blank"'><font color="red"><b> ※ </b></font><font color="blue">2016.04.23 현재 (852명) 『베니』순</font></a></td></tr></tbody></table></div></div>