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

문의하신 소스를 전달 드립니다.

줄넘김을 조절하고 싶으신 경우는 <br>을 입력해 주시면 엔터와 같은 역할을 하게 됩니다.
각각 내용을 넣을 부분에는 <!--주석-->으로 설명을 드렸습니다.

이미지를 추가하고 싶으신 경우는 <img src="이미지 주소">를
가로폭을 조절하고 싶으신 경우는 <img src="이미지 주소" style="width:100%;"> 뒤의 100% 값을 조절해 주시면 됩니다.

수정에 어려움이 있으시거나, 이외에도 궁금하신 내용은 언제든지 글 남겨주세요.



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

<div data-inven-toggle="hide1"><!--1번 내용의 버튼으로 사용할 이미지 또는 텍스트-->
테라<br>
<img src="이미지 주소"><br>
</div>

<div data-inven-id="hide1" style="display:none;"><!--1번 내용-->
<img src="http://upload2.inven.co.kr/upload/2017/05/02/bbs/i13617762397.jpg"><br>
<img src="http://upload2.inven.co.kr/upload/2017/05/02/bbs/i13392131150.png" style="width:100%;"><br>
<img src="http://upload2.inven.co.kr/upload/2017/05/02/bbs/i13155691590.png" style="width:100%;"><br>
</div>



<div data-inven-toggle="hide2"><!--2번 내용의 버튼으로 사용할 이미지 또는 텍스트-->
<img src="이미지 주소"><br>
마영전
</div>

<div data-inven-id="hide2" style="display:none;"><!--2번 내용-->
<img src="http://upload2.inven.co.kr/upload/2017/05/02/bbs/i16231926278.gif" style="width:100%;"><br>
<img src="http://upload2.inven.co.kr/upload/2017/05/02/bbs/i15072970216.jpg" style="width:100%;"><br>
</div>