[기타] '채원s'님의 수정된 스크립트 입니다.

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

문의하셨던, "펼치기 기능이 각각 작동" 할 수 있게 요청해 주셨는데요.
이건 간단하게 id 값을 고유하게 만들어 주시면 됩니다.

첫 번째 영역의 id가 "image" 되어 있었습니다.

이것과 다른 이름으로만 쓰면 되니,

아예 다른 이름을 써도 되고 예시를 위해 뒤에 있는 항목은 image3 이라는 이름을 사용했습니다.

(용도는 모르지만 image2를 먼저 사용하고 있는 곳이 있었네요.)

 - 이 부분은 찾아보기 쉽게 노란색 배경을 씌워드렸습니다.

그리고 계속 소스를 수정하면서 사용하신다고 말씀해 주셔서,
사용하기 편하게 줄 나눔 및 소스 정리를 해 드렸습니다.

해당 소스를 보관하고 계시면 나중에 편집할 때 유용할 것으로 생각됩니다.

원하시던 형태와 다르거나, 이외에도 궁금하신 내용은 언제든지 글 남겨주세요.
감사합니다.


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

---

<div style="text-align:center;">
<div style='padding: 0px; border-radius: 6px; border: 1px solid red; border-image: none; color: red; overflow: hidden; font-size: 11px; margin-top: 16px; margin-left: 6px; display: inline-block; -ms-zoom: 1; background-image: url("https://optimal.inven.co.kr/upload/2015/03/02/bbs/i2612834329.png");' data-inven-result-detail="" data-inven-nick-default="채원s" data-inven-action="last-attack-10,last-attack-all,search-profile" data-no-tooltip="">
<span style="padding: 0px 4px; border: 0px currentColor; border-image: none; width: 130px; height: 21px; color: red; line-height: 21px; font-size: 11px; float: left;" data-inven-attr-for="input"></span>
<span style="margin: 0px 0px 0px 1px; padding: 6px 4px 4px; border: 0px currentColor; border-image: none; height: auto; color: white; line-height: 100%; font-size: 11px; float: left; background-color: red;" data-inven-attr-for="button"></span>
<span style='padding: 4px 6px; border-radius: 6px; border: 1px solid red; border-image: none; width: 300px; color: red; font-size: 11px; margin-top: 2px; margin-left: 6px; background-image: url("https://optimal.inven.co.kr/upload/2015/03/02/bbs/i2612834329.png");' data-inven-attr-for="action-result" data-position="out"></span>
</div>

<br><br>

<a data-inven-toggle="image">
<img width="400" height="255" src="https://optimal.inven.co.kr/upload/2016/05/04/bbs/i12810384220.jpg"><br><br>
</a>

<div style="display: none;" data-inven-id="image" data-inven-toggle="image">
<br><b>도도한춘향이♡개냥이사또</b><br>
<img width="400" height="350" src="https://optimal.inven.co.kr/upload/2016/05/04/bbs/i11504723089.jpg">
<img width="400" height="350" src="https://optimal.inven.co.kr/upload/2016/05/04/bbs/i13109574899.jpg">
<img width="400" height="350" src="https://optimal.inven.co.kr/upload/2016/05/04/bbs/i12532224931.jpg">
<img width="400" height="350" src="https://optimal.inven.co.kr/upload/2016/05/04/bbs/i10801691297.jpg">
<img width="400" height="350" src="https://optimal.inven.co.kr/upload/2016/05/04/bbs/i13314678536.jpg">
<img width="400" height="350" src="https://optimal.inven.co.kr/upload/2016/05/04/bbs/i12825887575.jpg">
<img width="400" height="350" src="https://optimal.inven.co.kr/upload/2016/05/04/bbs/i12467735188.jpg">
</div>

<!--여기는 출력이 아예 안되는 부분인데, 혹시 몰라서 남겨둡니다. -->
<a data-inven-toggle="image2"><br></a>
<div style="display: none;" data-inven-toggle="image2" data-inven-id="image2"><br><b>*이카루스-파노스* (프리) Lv.60 o채원o </b><br></div>

<img width="438" src="https://optimal.inven.co.kr/upload/2016/06/14/bbs/i13632270283.jpg"><br><br>

<div align="center">
<span style="background-color: rgb(234, 153, 153); color:#ffffff; font-weight:bold;">
# 마비노기&nbsp;# 만돌린/채원<br>
# 아이온 # 자몽블라섬<br>
# 이카루스 # 파노스/프리스트/o채원o<br>
# 아르피엘 # 리샤/x채원x<br>
# 천애명월도 # 주유/만리살/천향/채원s &amp; 풍류/한강성/천향/채원아<br>
</span>
</div>

<br><br>

<div data-inven-toggle="image3">
<img width="350" height="255" src="https://optimal.inven.co.kr/upload/2019/01/13/bbs/i14139421410.jpg">
</div>

<div style="display: none;" data-inven-id="image3" data-inven-toggle="image3"><br>
<b>★ 루페온 / 바드 / 채원 ★</b><br>
<img width="438" height="306" src="https://optimal.inven.co.kr/upload/2019/01/13/bbs/i15341248012.jpg">
<img width="438" height="306" src="https://optimal.inven.co.kr/upload/2019/02/16/bbs/i15231586351.jpg">
<img width="438" height="306" src="https://optimal.inven.co.kr/upload/2019/02/16/bbs/i13687728074.jpg">
<img width="438" height="306" src="https://optimal.inven.co.kr/upload/2019/02/16/bbs/i13218214908.jpg">
</div>

</div>