html 페이지 접기, 펴기

왜 티스토리는 네이버 블로그처럼 요약글을 지원하지 않을까?

좀 내용이 많은 포스트의 경우 여지없이 웹페이지를 가득 채워 스크롤의 압박을 느끼게 한다.

결국 태그신의 힘에 기댈 수 밖에는 없었다.

티스토리에서는

이 버튼을 누르면 생성되는 박스안에 내용을 넣으면 된다.

===============================================================

div id=를 추가하면 무한으로도 사용하실 수 있다.
more01,02,03 계속해서 div id를 늘려주면 무제한으로 응용도 가능하다.

<script type="text/javascript" language="JavaScript">
function layer_toggle(obj) {
        if (obj.style.display == 'none') obj.style.display = 'block';
        else if (obj.style.display == 'block') obj.style.display = 'none';
}
</script>

<div id=more01a style=display:block><p><a href=# onclick="layer_toggle(document.getElementById('more01a')); layer_toggle(document.getElementById('more01b'));return false;">숨겨져있습니다.[보시려면 클릭하세요!]</a></p></div>
<div id=more01b style=display:none ><p><a href=# onclick="layer_toggle(document.getElementById('more01a')); layer_toggle(document.getElementById('more01b'));return false;">보여지고있습니다.[닫으시려면 클릭하세요!]</a></p><p>이곳에 내용이 들어가겠죠?</p></div>

<br><br>

<div id=more02a style=display:block><p><a href=# onclick="layer_toggle(document.getElementById('more02a')); layer_toggle(document.getElementById('more02b'));return false;">또 숨겨져있습니다.[보시려면 클릭하세요!]</a></p></div>
<div id=more02b style=display:none ><p><a href=# onclick="layer_toggle(document.getElementById('more02a')); layer_toggle(document.getElementById('more02b'));return false;">또 보여지고있습니다.[보시려면 클릭하세요!]</a></p><p>보여지고있습니다.[닫으려면 클릭하세요!]</p></div>