얼추 다 완성한거 같은데
마지막으로 한가지 욕심이 생겨서 문의드립니다
처음 화면에 1번탭이 열리도록 되어있고 한번 연 탭은 닫히지가 않는데
처음에 모든 탭이 닫혀있고 열린탭을 한번 더 누르면 탭이 닫히도록 하는것도 가능할까요?
p.s 인벤토리에 저장하면 스크립트가 꼬여서 미리 다른곳에 백업 안해두면 다음 수정때 다 망가지던데 이 부분은 다른 방법이 없나요?
크롬 사용중입니다
아래에 소스 첨부합니다
<div style="background: url('
https://upload2.inven.co.kr/upload/2016/05/20/bbs/i10456917344.jpg') no-repeat 0px bottom; min-height: 700px;"> <div style="background-image: url('
https://upload2.inven.co.kr/upload/2015/03/02/bbs/i2612834329.png'); padding: 4px 6px;"><div style="text-align: center;"><i><font size="3" face="Times New Roman" color="#38761d"><b>"RIDDLE ME THIS"</b></font></i></div></div><div data-inven-tabs="" style="padding-top: 100px;"> <div style="float: left;">
<!--이 뒤로 1번탭 버튼-->
<div data-inven-tab-for="0"
data-inven-selected-css="{'_SELF_':{'paddingLeft':'30px'},'tab_0_si':{'display':'none'},'tab_0_usi':{'display':'block'}}"
data-inven-unselected-css="{'_SELF_':{'paddingLeft':'30px'},'tab_0_si':{'display':'block'},'tab_0_usi':{'display':'none'}}"style="width: 12px; margin: 6px 0; padding: 4px 2px; border-radius: 0 6px 6px 0; background-color:#000000; color: white; cursor: pointer;"><a heref="#" data-inven-tooltip="#38761d;#000000;#FFFFFF;info"><img src="https://upload2.inven.co.kr/upload/2016/05/22/bbs/i13435729821.png" width="50"height="50"data-inven-id="tab_0_si"><!--닫힌 이미지-->
<img src="https://upload2.inven.co.kr/upload/2016/05/22/bbs/i13165754662.png"width="50"height="50"style="display:hidden;" data-inven-id="tab_0_usi"><!-- 열린 이미지--></a></div>
<!-- 2번탭 버튼 -->
<div data-inven-tab-for="1"
data-inven-selected-css="{'_SELF_':{'paddingLeft':'30px'},'tab_1_si':{'display':'none'},'tab_1_usi':{'display':'block'}}"
data-inven-unselected-css="{'_SELF_':{'paddingLeft':'30px'},'tab_1_si':{'display':'block'},'tab_1_usi':{'display':'none'}}"
style="width: 12px; margin: 6px 0; padding: 4px 2px; border-radius: 0 6px 6px 0; background-color:#000000; color: white; cursor: pointer;">
<a data-inven-tooltip="#38761d;#000000;#FFFFFF;system">
<img src="https://upload2.inven.co.kr/upload/2016/05/22/bbs/i13489379920.png"width="50"height="50" data-inven-id="tab_1_si"> <!-- 닫힌 이미지-->
<img src="https://upload2.inven.co.kr/upload/2016/05/22/bbs/i12893320886.png"width="50"height="50" style="display:hidden;" data-inven-id="tab_1_usi"><!-- 선택했을 때 이미지-->
</a></div><!--여기까지 2번탭 버튼-->
<!-- 3번탭 버튼 -->
<div data-inven-tab-for="2"
data-inven-selected-css="{'_SELF_':{'paddingLeft':'30px'},'tab_2_si':{'display':'none'},'tab_2_usi':{'display':'block'}}"
data-inven-unselected-css="{'_SELF_':{'paddingLeft':'30px'},'tab_2_si':{'display':'block'},'tab_2_usi':{'display':'none'}}"
style="width: 12px; margin: 6px 0; padding: 4px 2px; border-radius: 0 6px 6px 0; background-color:#000000; color: white; cursor: pointer;">
<a data-inven-tooltip="#38761d;#000000;#FFFFFF;play">
<img src="https://upload2.inven.co.kr/upload/2016/05/22/bbs/i12773398798.png"width="50"height="50" data-inven-id="tab_2_si"> <!-- 기본 이미지 : 선택되지 않았을 때 보이는 이미지-->
<img src="https://upload2.inven.co.kr/upload/2016/05/22/bbs/i13408825690.png"width="50"height="50" style="display:hidden;" data-inven-id="tab_2_usi"><!-- 선택했을 때 이미지-->
</a></div>
<div data-inven-tab-for="3"
data-inven-selected-css="{'_SELF_':{'paddingLeft':'48px'},'tab_3_si':{'display':'none'},'tab_3_usi':{'display':'block'}}"
data-inven-unselected-css="{'_SELF_':{'paddingLeft':'48px'},'tab_3_si':{'display':'block'},'tab_3_usi':{'display':'none'}}"
style="width: 12px; margin: 6px 0; padding: 4px 2px; border-radius: 0 6px 6px 0; background-color:#000000; color: white; cursor: pointer;">
<a heref="#" data-inven-tooltip="#38761d;#000000;#FFFFFF;special"><img src="https://upload2.inven.co.kr/upload/2016/05/22/bbs/i10913544838.png"height="50" data-inven-id="tab_3_si"> <!-- 기본 이미지 : 선택되지 않았을 때 보이는 이미지-->
<img src="https://upload2.inven.co.kr/upload/2016/05/23/bbs/i12214546057.png"height="50" style="display:hidden;" data-inven-id="tab_3_usi"><!-- 선택했을 때 이미지-->
</a></div>
<!--새 버튼 추가하는 곳--> </div> <div style="margin-left: 100px; margin-top: 6px; padding-bottom: 12px;"> <div data-inven-tab-id="0" style="min-height: 300px;"><!--메인 메뉴 내용--> <div style="max-height:525px;max-width:325;overflow:auto;display: block; width: 300px; background-image: url('
https://upload2.inven.co.kr/upload/2015/11/25/bbs/i12387913663.png'); border-radius: 6px; border: 1px solid#38761d;"> <div style="border-bottom: 1px solid #38761d;padding: 4px 4px; font-weight: bold;">리들러</div> <div style="text-align: left;padding:0px 4px;"><b>본명</b><span class="Apple-tab-span" style="white-space:pre"> : </span><b>에디 내쉬튼 (통칭 : 에드워드 니그마)</b></div><div style="text-align: left;padding:0px 4px;"><b>직업</b><span class="Apple-tab-span" style="white-space:pre"> : </span><b>전문 범죄자</b></div><div style="text-align: left;padding:0px 4px;"><b>거주지</b><span class="Apple-tab-span" style="white-space:pre"> : </span><b>고담시</b></div><div style="text-align: left;padding:0px 4px;"><b>눈 색깔</b><span class="Apple-tab-span" style="white-space:pre"> : </span><b>파란색</b></div><div style="text-align: left;padding:0px 4px;"><b>머리 색깔</b><span class="Apple-tab-span" style="white-space:pre"> : </span><b>갈색</b></div><div style="text-align: left;padding:0px 4px;"><b>신장</b><span class="Apple-tab-span" style="white-space:pre"> : </span><b>185cm</b></div><div style="text-align: left;padding:0px 4px;"><b>체중</b><span class="Apple-tab-span" style="white-space:pre"> : </span><b>83kg</b></div><div style="text-align: left;padding:0px 4px;padding-bottom: 5px"><b>첫 등장</b><span class="Apple-tab-span" style="white-space:pre"> : </span><b>탐정만화#140 (1948년 10월)</b></div></div> </div> <div data-inven-tab-id="1" style="display: none;"><!--메뉴 1 내용--> <div style="max-height:525px;max-width:325;overflow:auto;display: inline-block; padding: 4px 8px; background-image: url('
https://upload2.inven.co.kr/upload/2015/11/25/bbs/i12387913663.png'); border-radius: 6px; border: 1px solid #38761d;"> <div style="text-align: left;"><div><b>CPU</b><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span>- intel core i5 Ivy-Bridge 3570</div><div><b>M/B</b><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span>- ASRock Z77 Extreme4</div><div><b>RAM</b><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span>- Samsung DDR3 4G PC3-12800 X 4</div><div><b>VGA</b><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span>- EVGA GeForce GTX 980 Ti SC+ GAMING<br /><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span> ACX 2.0+</div><div><b>SSD&HDD</b><span class="Apple-tab-span" style="white-space:pre"> </span>- Plextor M5S Series 128GB</div><div><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span>- Seagate 2TB Barracuda ST2000DM001</div><div><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span>- RevuAhn 850X 512GB</div><div><b>POWER</b><span class="Apple-tab-span" style="white-space:pre"> </span>- CORSAIR RM750 80PLUS GOLD</div><div><b>OUTPUT</b><span class="Apple-tab-span" style="white-space:pre"> </span>- LG 34UM95 21:9 UltraWide </div><div><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span>- Steelseries H Wireless Gaming Headset</div><div><b>INPUT</b><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span>- Ducky Shine3 Year of the Snake Limited<br /><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span> Edition </div><div><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span>- MAXTILL Tron X100</div></div></div><div style="text-align: left;"><br /></div> </div> <div data-inven-tab-id="2" style="display: none;"> <div style="max-height:525px;max-width:325;overflow:auto;display: inline-block; padding: 4px 8px; background-image: url('
https://upload2.inven.co.kr/upload/2015/11/25/bbs/i12387913663.png'); border-radius: 6px; border: 1px solid #38761d;"><!--2번탭--><img src="https://deresute.me/231113970/small" width="325"><div></div><a href="http://www.best-signatures.com/" title="Best Signatures" target="_blank"><img src="http://i.imgur.com/f5HRcxh.png" width="325" border="0"></a></div> </div><div data-inven-tab-id="3" style="display: none;"> <div style="max-height:525px;max-width:325;overflow:auto;display: inline-block; padding: 4px 8px; background-image: url('
https://upload2.inven.co.kr/upload/2015/11/25/bbs/i12387913663.png'); border-radius: 6px; border: 1px solid #38761d;"><!--3번탭--> <img src="https://upload2.inven.co.kr/upload/2015/10/01/bbs/i10124645413.png" width="310"><img src="https://upload2.inven.co.kr/upload/2016/02/18/bbs/i11579762130.png" width="310"></div></div><!--새 내용 추가하는 곳--></div></div></div><div data-inven-action="last-attack-1,last-attack-5,last-attack-10,last-attack-20,last-attack-all,search-profile" data-inven-label="마격/인장검색" data-inven-nick-default="닉네임 입력" data-no-tooltip="" data-inven-result-detail=""></div>
Nigma
Nigma
