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


1. 1번 토글만 나오는 증상
1번 토글 영역을 나타내 주는 <div>와 <a> 태그의 닫히는 부분을 수정해 주시면 됩니다.
2번 토글도 1번 <div> 상자에 들어가 있어서 발생하는 문제입니다.

닫기를 누르면 전부 닫혀 버리는 현상도, 2번 토글 내용이 1번 내용에 들어가 있는 것이 원인입니다.


2. 현재 2번 토글 영역의 ID가 'heroes'로 되어 있어, 2번 토글이 열리지 않을 것입니다.
토글 되어야 하는 영역의 id를 toggle뒤에 붙는 이름과 일치시켜 주시면 잘 작동할 것입니다.


+ 각 영역의 이름(id)를 한글을 이용하여 적어 주셨는데, UTF-8 포맷으로 변경하면서 작동이 되긴 하지만,
브라우저 종류나 설정에 따라서 지원이 안되거나 오류가 발생할 수 있습니다.
이름(id)은 가능한 영문명으로 작성해 주세요.


참고하실 수 있게, 요청하신 내용의 소스를 아래 첨부해 드립니다.
소스를 정리하고 <!-- 주석 --> 처리하여, 향후 수정이나 참고하실 수 있게 하였습니다.

id의 경우는 '번'을 'bun'으로 바꿔놓긴 했지만, 원하시는 방향으로 얼마든지 수정하셔도 상관없습니다.

혹시 원하시던 방향과 다르거나, 수정에 어려움을 겪으시는 경우
이외에도 궁금하신 내용이 있다면 언제든지 글 남겨주세요.

감사합니다.



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

<br />
<br />

<div style="text-align: center;color:#ff0000;" data-inven-toggle="1bun"><!-- 토글 버튼 1 -->
1번토글★
</div>

<div style="display: none;" data-inven-id="1bun"><!-- 1번 숨겨진 내용 -->

<img src="움짤" width="360" height="240">


<br />
<div style="text-align: center;color:#ff0000;" data-inven-toggle="1bun">닫기★</div><!-- 1번 닫기 버튼 -->
<!-- 1번 숨겨진 내용 종료-->
</div>


<br />
<br />

<div style="text-align: center;color:#ff0000;" data-inven-toggle="2bun"><!-- 토글 버튼 2 -->
2번토글★
</div>

<div style="display: none;" data-inven-id="2bun"><!-- 2번 숨겨진 내용-->
<br />

<a href="#" data-list-id="2bun_1" data-inven-list="2bun_1,2bun_2,2bun_3"><!-- 리스트 이미지-->

<img style="width: 100%;" src="주소1" data-inven-id="2bun_1">
<img style="width: 100%;display: none;" src="주소2" data-inven-id="2bun_2">
<img style="width: 100%;display: none;" src="주소3" data-inven-id="2bun_3">

</a><!-- 리스트 이미지 종료-->

<br />
<div style="text-align: center;color:#ff0000;" data-inven-toggle="2bun">닫기★</div><!-- 2번 닫기 버튼 -->
<!-- 2번 숨겨진 내용 종료-->
</div>