많은 분들이 인벤에서 인장을 사용하고 계신데요
인장을 길게 두면 아무래도 보기 좀 불편한 감도 있기도 하기에
인장 접는 법을 알려드리겠습니다
먼저 인벤토리를 여신 뒤에 html로 바꾸시고
아래 소스코드를 복사합니다
이후에 인장내용을 적어주시고 html을 해제하고 테스트하시면 됩니다
(단 html에서는 엔터를 적용할라면 엔터 적용하고 싶은 부분에
라고 적어주면 됩니다.
인장 접기 소스 코드
<!-- 소스 시작 -->
<!-- 인장 1 시작 -->
<div onclick="document.getElementById('fold_in').style.display=(document.getElementById('fold_in').style.display=='none')?'block':'none';" style="cursor: pointer; margin: 0 auto; width: 100%;">
《인장 1 열고 닫기》
</div>
<div id="fold_in" style="display: none; width: 100%;">
인장 1에 관련된 내용은 여기에 적어주세요
</div>
<!-- 인장 1 끝 -->
<!-- 인장 2 시작 -->
<div onclick="document.getElementById('fold_in2').style.display=(document.getElementById('fold_in2').style.display=='none')?'block':'none';" style="cursor: pointer; margin: 0 auto; width: 100%;">
《인장 2 열고 닫기》
</div>
<div id="fold_in2" style="display: none; width: 100%;">
인장 2에 관련된 내용은 여기 적어주세요
</div>
<!-- 인장 2 끝 -->
<!-- 인장 3 시작 -->
<div onclick="document.getElementById('fold_in3').style.display=(document.getElementById('fold_in3').style.display=='none')?'block':'none';" style="cursor: pointer; margin: 0 auto; width: 100%;">
《인장 3 열고 닫기》
</div>
<div id="fold_in3" style="display: none; width: 100%;">
인장 3에 관련된 내용은 여기 적어주세요
</div>
<!-- 인장 3 끝-->
<!-- 소스 끝 -->
인장을 3개 이상 적용하고 싶다면
인장 하나를 복사하고
fold_in부분을 안겹치게 해주면 됩니다(fold_in, fold_in2, fold_in3, fold_in4 .... 형태로 해주시면 됩니다)
인장을 1개나 2개만 쓰겠다면 필요없는 인장부분은 지우고 적용하시면 됩니다
제 인장을 줄여서 인장접기 테스트는 직접 해보세요