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

배경지식으로 아래의 4가지 특징을 알아주셨으면 합니다.


1. 열리고 닫히는 HTML의 양식
HTML의 경우는 언제나 열리고 / 닫히는 형태로 문장이 구성되어 있습니다.
링크를 나타내는 <a> 라는 태그는, 이 태그가 작성된 부분에서 시작하여 </a>가 나오기 전까지의 영역을 모두 링크로 잡게 됩니다.

<div> 또한 </div>가 나타나기 전까지의 영역이 모두 한 영역으로 잡힙니다.

문의 주신 내용 중에서, '일부 내용이 그대로 출력되어 버린다'라는 증상이 위 문장 구조에서 발생하는 증상입니다.
</div>의 위치만 적당히 옮겨 주신다면 위의 증상은 바로 사라질 것입니다.


2. id는 각자의 고유한 이름
data-inven-toggle="seal" 이라는 것은 seal 이라는 이름을 가진 대상에게 "펼쳐지거나 접혀라" 라는 명령을 내립니다.
그렇다면 당연히 seal 이 누구의 이름인지 그 영역을 잡아 주어야겠죠.
그 역할을 하는 것이 data-inven-id="seal" 입니다.

올려주신 소스에서 보면, 모두 다 seal이라는 이름을 가지고 있는걸 볼 수 있습니다.
즉 버튼 하나만 눌러도 seal 이름을 가지고 있는 모든 내용이 펼쳐져 보이게 됩니다.

각각 동작하기 위해서는 이를 고유하게 변경해 주셔야 합니다. (예시 글에서 노란색 배경을 칠해 드렸습니다.)


3. 인벤 스크립트는 어떠한 태그에든 삽입할 수 있습니다.
예시로 들어가 있는 내용에서는 data-inven-toggle은 <a> 태그 속에, data-inven-id는 <div> 속에 삽입되어 있습니다.
실제로는 <img>, <b>, <span>등 어떠한 태그에 들어가 있어도 인벤 스크립트의 기능은 정상 작동합니다.

영역 선언이 안되어 있는 아래의 숨기는 부분은 어쩔 수 없이 <div>로 감싸야 겠지만,
큰 제목 부분은 <b></b>로 감싸져 있으니, 별도의 <a> 태그를 쓸 필요 없이 <b data-inven-toggle="xxx"> 의 형태로 이용할 수 있습니다.

또 아래 쪽의 예시에서는


4. HTML 의 한계
<a> 링크 속에 <a>링크가 중첩으로 들어가면, 우선 감싸고 있는 링크 밖에 작동하지 않습니다.
안쪽에 링크를 삽입해 주셨는데, 접고 펼치기 기능이 중복으로 들어가면서 접고 펼치기 기능만 동작하고, 링크가 동작하지 않는 것을 보실 수 있을 것입니다.



이것과는 별개로 HTML을 눌렀을 때 나오는 HTML문서는 자동완성에 의한 HTML이기 때문에 필요 없는 내용도 많을뿐더러, 당연히 보기 힘듭니다.
올려주신 내용을 정말 순수하게 필요한 내용만 남겨서 HTML로 바꿔 보면 아래와 같습니다.


□ 수정 소스 샘플

<b data-inven-toggle="se1"><font color="#0000ff">멀티 구조신호</font><font color="#ff0000"> 핵쟁이</font> - 접고 펼치기</b>
<div data-inven-id="se1" style="display:none;">
※ 인게임 아이디 : <b style="color: #ff0000;">샤르티아 블러드폴른 = 소녀 레이</b> : 극베히모스 1페이즈 킬
※ 인게임 아이디 : <b style="color: #ff0000;">소녀 레이= 샤르티아 블러드폴른</b> : 데미지 배율, 나나 감마 에딧
※ 인게임 아이디 : <b style="color: #ff0000;">소녀 레이 = 샤르티아</b>
스팀 아이디 : <b style="color: #ff0000;">하츠네미쿠 = kakegurui = panti</b><b> - 노답 씹덕 클릭 주의</b>
스팀 프로필 : <a href="https://steamcommunity.com/profiles/76561198049436702" target="_BLANK" style="color: #000000; text-decoration-line: none;">https://steamcommunity.com/profiles/76561198049436702</a>
핵 증거 스샷 : <a href="http://www.inven.co.kr/board/mhf/1754/572783" target="_BLANK" style="color: #000000; text-decoration-line: none;">http://www.inven.co.kr/board/mhf/1754/572783</a>
핵 증거 스샷 : <a href="http://www.inven.co.kr/board/mhf/1754/575164" target="_BLANK" style="color: #000000; text-decoration-line: none;">http://www.inven.co.kr/board/mhf/1754/575164</a>
디시 셀프 빡대가리 인증 : <a href="https://gall.dcinside.com/board/view/?id=monsterhunter&amp;no=2253213&amp;s_type=search_all&amp;s_keyword=%EC%A2%86%EB%B2%A4&amp;page=1" target="_BLANK" style="color: #000000; text-decoration-line: none;">https://gall.dcinside.com/board/view/?id=monsterhunter&amp;no=2253213&amp;s_type=search_all&amp;s_keyword=%EC%A2%86%EB%B2%A4&amp;page=1</a>
</div>

<b data-inven-toggle="se2"><font color="#0000ff">이전에 박제된</font><font color="#ff0000"> 핵쟁이 </font> - 접고 펼치기</b>
<div data-inven-id="se2" style="display:none;">
※ 인게임 아이디 : <b>애쉬</b>
스팀 프로필 : <a href="https://steamcommunity.com/profiles/76561198422462577/" target="_BLANK" style="color: #000000; text-decoration-line: none;">https://steamcommunity.com/profiles/76561198422462577/</a>
핵 증거 스샷 : <a href="http://www.inven.co.kr/board/mhf/1754/513026" target="_BLANK" style="color: #000000; text-decoration-line: none;">http://www.inven.co.kr/board/mhf/1754/513026</a>
핵 증거 스샷 : <a href="http://www.inven.co.kr/board/mhf/1754/513004" target="_BLANK" style="color: #000000; text-decoration-line: none;">http://www.inven.co.kr/board/mhf/1754/513004</a>
</div>

<span data-inven-toggle="se3">※ 인게임 아이디 : <b>애쉬</b></span>
<div data-inven-id="se3" style="display:none;">스팀 프로필 : <a href="https://steamcommunity.com/profiles/76561198422462577/" target="_BLANK">https://steamcommunity.com/profiles/76561198422462577/</a>
핵 증거 스샷 : <a href="http://www.inven.co.kr/board/mhf/1754/513026" target="_BLANK">http://www.inven.co.kr/board/mhf/1754/513026</a>
핵 증거 스샷 : <a href="http://www.inven.co.kr/board/mhf/1754/513004" target="_BLANK">http://www.inven.co.kr/board/mhf/1754/513004</a></div>

<span data-inven-toggle="se4">※ 인게임 아이디 : <b>훈타</b></span>
<div data-inven-id="se4" style="display:none;">스팀 프로필 : <a href="https://steamcommunity.com/profiles/76561198415599551" target="_BLANK">https://steamcommunity.com/profiles/76561198415599551</a>
핵 증거 스샷 : <a href="http://www.inven.co.kr/board/mhf/1754/520339" target="_BLANK">http://www.inven.co.kr/board/mhf/1754/520339</a></div>

<span data-inven-toggle="se5">※ 인게임 아이디 : <b>Rain</b></span>
<div data-inven-id="se5" style="display:none;">스팀 프로필 : jewan0325 - 스팀 아이디 변경.
핵 증거 스샷 : <a href="http://www.inven.co.kr/board/mhf/1754/520339" target="_BLANK">http://www.inven.co.kr/board/mhf/1754/520339</a></div>

<span data-inven-toggle="se6">※ 인게임 아이디 : <b>프리스타일</b></span>
<div data-inven-id="se6" style="display:none;">스팀 프로필 : <a href="https://steamcommunity.com/profiles/76561198833953868/" target="_BLANK">https://steamcommunity.com/profiles/76561198833953868/</a>
핵 증거 스샷 : <a href="http://www.inven.co.kr/board/mhf/1754/518302" target="_BLANK">http://www.inven.co.kr/board/mhf/1754/518302</a></div>


□ 적용 샘플

멀티 구조신호 핵쟁이 - 접고 펼치기

※ 인게임 아이디 : 샤르티아 블러드폴른 = 소녀 레이 : 극베히모스 1페이즈 킬
※ 인게임 아이디 : 소녀 레이= 샤르티아 블러드폴른 : 데미지 배율, 나나 감마 에딧
※ 인게임 아이디 : 소녀 레이 = 샤르티아
스팀 아이디 : 하츠네미쿠 = kakegurui = panti - 노답 씹덕 클릭 주의
스팀 프로필 : https://steamcommunity.com/profiles/76561198049436702
핵 증거 스샷 : http://www.inven.co.kr/board/mhf/1754/572783
핵 증거 스샷 : http://www.inven.co.kr/board/mhf/1754/575164
디시 셀프 빡대가리 인증 : https://gall.dcinside.com/board/view/?id=monsterhunter&no=2253213&s_type=search_all&s_keyword=%EC%A2%86%EB%B2%A4&page=1


이전에 박제된 핵쟁이 - 접고 펼치기


※ 인게임 아이디 : 애쉬


※ 인게임 아이디 : 훈타


※ 인게임 아이디 : Rain
스팀 프로필 : jewan0325 - 스팀 아이디 변경.
핵 증거 스샷 : http://www.inven.co.kr/board/mhf/1754/520339


※ 인게임 아이디 : 프리스타일