티스토리 사이드바 접기 2

※일부 메뉴접기는 뒤쪽의 글 참고

자아. 이번엔 사이드바 전체를 접어본다.

<div id="sidebar">  이게 사이드바의 시작태그

</s_sidebar>  이게 사이드바의 끝태그
</div>


그러므로 사이드바 시작태그 앞에는 

<div id="sidebar">

<a class="more" onclick="this.innerHTML=(this.nextSibling.style.display=='none')?'접기버튼 제목':'펴기 전 보이는 제목';this.nextSibling.style.display=(this.nextSibling.style.display=='none')?'block':'none';" href="javascript:void(0);" onfocus='blur()'>펼치고 접은 후 제목</a><div style="DISPLAY: none"><br />

이렇게 넣고


끝부분에는

</s_sidebar>
</div>
</div>

이렇게 적용해본다.



결과 :
.매우 훌륭하게 적용되었다.  잘 접히고 잘 펴진다.
.그렇다고 또 글이 나오는 영역을 넓혀놓는 순간 홈피구조는 망가짐.(글 영역이 사이드바 아래쪽으로 감)


네이버같은 메뉴접기 기능은 아직 연구를 해야될듯하다.