Unfinished Work

[접었다 펴기 태그 1 - normal]

<A onclick="this.nextSibling.style.display='block';this.innerHTML=''"; href='javascript:void(0)'>클릭</a><DIV style='display:none'>
내용

<A onclick="this.parentNode.style.display='none';this.parentNode.previousSibling.innerHTML='보기';" href=javascript:void(0)>닫기</A> </DIV>



[접었다 펴기 태그 2 - 스크롤 올라가는 녀석]
name으로 태그 위치(#point)를 정해준다는 것이 포인트. 사실 그것뿐.
아래는 긁어 넣기용.

<A name = "#point" onclick="this.nextSibling.style.display='block';this.innerHTML=''"; href='javascript:void(0)'>클릭</a><DIV style='display:none'>
내용

<A onclick="this.parentNode.style.display='none';this.parentNode.previousSibling.innerHTML='보기';" href="#point">닫기</A> </DIV>


[발췌용 틀] <div style="PADDING-RIGHT: 1em; PADDING-LEFT: 1em; BORDER-LEFT-COLOR: #99ff99; MARGIN-BOTTOM: 1em; BORDER-BOTTOM-COLOR: #99ff99; PADDING-BOTTOM: 1em; WIDTH: 90%; BORDER-TOP-STYLE: inset; BORDER-TOP-COLOR: #99ff99; PADDING-TOP: 1em; BORDER-RIGHT-STYLE: inset; BORDER-LEFT-STYLE: inset; BORDER-RIGHT-COLOR: #99ff99; BORDER-BOTTOM-STYLE: inset">내용
</div>

---

<hr>