인벤 스크립트 게시판

전체보기

모바일 상단 메뉴

본문 페이지

[문의] 인장 접기에 대한 질문들입니다!

Fadnap
댓글: 1 개 관리자 댓글
조회: 908
2018-11-14 19:22:56


덕천연수혜리 님의 인장인데 
저두 저렇게 그림 하나씩 누를때마다 접히고 닫히는걸 만들려고 합니다.

http://www.inven.co.kr/board/webzine/4712/800 

<div data-inven-toggle="A"> A 버튼 </div>
<div data-inven-id="A" style="display:none;">A 영역</div>

<div data-inven-toggle="B"> B 버튼 </div>
<div data-inven-id="B" style="display:none;">B 영역</div>

<div data-inven-toggle="C"> C 버튼 </div>
<div data-inven-id="C" style="display:none;">C 영역</div>

<div data-inven-toggle="D"> D 버튼 </div>
<div data-inven-id="D" style="display:none;">D 영역</div>

Nacx님이 강의해주신 이 내용으로 만들려고 하는데요 


1.  버튼을 만들면 a버튼 오른쪽말고 바로 밑으로 b 버튼이 생기네요....3x3배열로 하고싶습니다ㅠㅠ
2.  a 버튼을 눌러 펼치면 버튼들 밑에 사진이 쭉 생기는게 아니라 버튼 바로 밑으로 펼쳐집니다. 

http://www.inven.co.kr/member/inventory/view_inventory.php?nick=%EB%8D%95%EC%84%A0%EC%88%98%EC%97%B0%ED%98%9C%EB%A6%AC

덕선수연혜리님 인장 주소입니다 ! 

저렇게 버튼 누르면 버튼들 밑쪽으로 사진 펼쳐졌으면 좋겠습니다! 

도움 주시면 감사하겠습니다 _ _ 

<div data-inven-toggle="A"><img src="https://upload2.inven.co.kr/upload/2018/11/14/bbs/i13526443390.gif" border="0" style="width: 150px; height: 150px;"> </div>
<div data-inven-id="A" style="display:none;"><img src="https://upload2.inven.co.kr/upload/2018/11/14/bbs/i13501473600.gif" border="0" style="width: 150px; height: 150px;"></div>

<div data-inven-toggle="B"><img src="https://upload2.inven.co.kr/upload/2018/11/14/bbs/i13595476526.gif" border="0" style="width: 150px; height: 150px;"> </div>
<div data-inven-id="B" style="display:none;"><img src="https://upload2.inven.co.kr/upload/2018/11/14/bbs/i13595476526.gif" border="0" style="width: 150px; height: 150px;"></div>

<div data-inven-toggle="C"> <img src="https://upload2.inven.co.kr/upload/2018/11/14/bbs/i13524963785.gif" border="0" style="width: 150px; height: 150px;"> </div>
<div data-inven-id="C" style="display:none;"><img src="https://upload2.inven.co.kr/upload/2018/11/14/bbs/i13517254406.gif" border="0" style="width: 150px; height: 150px;"></div>

<div data-inven-toggle="D"> <img src="https://upload2.inven.co.kr/upload/2018/11/14/bbs/i13521935652.gif" border="0" style="width: 150px; height: 150px;"> </div>
<div data-inven-id="D" style="display:none;"><img src="https://upload2.inven.co.kr/upload/2018/11/14/bbs/i13553865879.gif" border="0" style="width: 150px; height: 150px;"></div>

Lv15 Fadnap

모바일 게시판 하단버튼

댓글

새로고침
새로고침

모바일 게시판 하단버튼

지금 뜨는 인벤

더보기+

모바일 게시판 리스트

모바일 게시판 하단버튼

글쓰기

모바일 게시판 페이징