http://ldas.egloos.com/4839184#none (엘다스님 블로그 참조)
접기 기능을 찾다가 발견했는데
접고 펼치는 html이 여러가지가 있는듯 하다.
윗님 블로그에서는 4가지 방법이 소개되어있는데
1번 : 깔끔하지만 에디터 입력란으로 되돌아오면 깨지는 경우가 있다고 합니다.
<a href=#none onclick=this.nextSibling.style.display=(this.nextSibling.style.display=='none')?'block':'none';>
제목(이걸 누르면 열기,닫기가 됩니다.)
</a><DIV style='display:none'>
내용
</div>
제목(이걸 누르면 열기,닫기가 됩니다.)
2번 : 1번과 양식은 같지만 에디터 입력란으로 되돌아와도 안 깨진다는군요.
<a onclick="this.nextSibling.style.display=(this.nextSibling.style.display=='none')?'block':'none';" href="javascript:void(0)">
제목(이걸 누르면 열기,닫기가 됩니다.)
</a><div style="DISPLAY: none">
내용
</div>
제목(이걸 누르면 열기,닫기가 됩니다.)
3번 : 2번과 똑같지만 마지막에 편하게 접기위한 양식입니다.
<a onclick="this.nextSibling.style.display=(this.nextSibling.style.display=='none')?'block':'none';" href="javascript:void(0)">
열기
</a><div style="DISPLAY: none">
내용
<a onclick="this.parentNode.style.display='none';" href="javascript:void(0)">
접기
</a></div>
열기
4번 : 3번과 같지만 3번이 가끔 오류가 날때가 있다고 하네요.
<a onclick="this.nextSibling.style.display=(this.nextSibling.style.display=='none')?'block':'none';" href="javascript:void(0)">
열기
</a><div style="DISPLAY: none"><br/><br/>
내용
<br/><br/><a onclick="this.parentNode.style.display='none';" href="javascript:void(0)">
접기
</a></div><br/><br/>
열기
[출처] http://egloos.zum.com/rurouni628/v/2334430
