본문 바로가기

서랍

HTML 코드


1. 접기 

<a onclick="this.nextSibling.style.display=(this.nextSibling.style.display=='none')?'block':'none';" href="javascript:void(0)"> 
제목 - 클릭하면 여닫을 수 있다.
</a><div style="DISPLAY: none">
내용 - 중간에 "</div>"가 들어가면 안 된다.

</div>


2. 하단 접기 버튼 추가

<a onclick="this.nextSibling.style.display=(this.nextSibling.style.display=='none')?'block':'none';" href="javascript:void(0)">

제목 - 클릭하면 여닫을 수 있다.
</a><div style="DISPLAY: none"><br/><br/>
내용 - 중간에 "</div>"가 들어가면 안 된다.
<br/><br/><a onclick="this.parentNode.style.display='none';" href="javascript:void(0)">
접기 - 클릭하면 닫힌다.
</a></div><br/><br/>