가루비누의 이야기

<!-- 펼치고접기 -->
<span id='btnheadid' style='display:;'><br>
<p style="text-align:left;">
<a href='javascript:moreOpenid();' class='con_link'><u style="color:#6d8432;">펼치기</u></a></p>
</span>
<span id='btntailid' style='display:none;'>
<p style="text-align:left;">
<a href='javascript:moreCloseid();' class='con_link'><u style="color:#6d8432;">접기</u></a></p>
</span>
<div id='moretailid' style='display:none;'>요약글 내용<br>
<!-- 요약글 내용 끝에 접기 -->
<p><a href='javascript:moreCloseid();' class='con_link'><u style="color:#6d8432;">접기</u></a></p>
<!-- //요약글 내용 끝에 접기 -->
</div>
<script>function moreOpenid(){document.getElementById('btnheadid').style.display='none';document.getElementById('btntailid').style.display='';document.getElementById('moretailid').innerHTML=document.getElementById('moretailid').innerHTML;document.getElementById('moretailid').style.display=''; }</script><script>function moreCloseid(){document.getElementById('btnheadid').style.display='';document.getElementById('btntailid').style.display='none';document.getElementById('moretailid').style.display='none'; }</script>
<!-- //펼치고접기 -->



1. 파란색 부분이 펼치라는 부분, 자주색/초록색 부분이 접으라는 부분, 밑에 검은색 부분은 부분은 script이다. '요약글 내용'만 편집하면 되겠다.

2. 요약글 내용이 짧으면 '접기'가 하나만 있어도 될 것이다. 그럴 때는 초록색 부분을 지우면 된다.

3. 펼치기, 접기 글씨 색은 (1up님의 스킨에 맞추느라) 풀색(#6d8432)으로 설정했다. 색을 바꾸고 싶으면 '6d8432'라는 숫자를 원하는 색의 코드로 바꾸어 주면 된다. (바꿀 곳은 총 세 군데)

4. (태터툴즈에서 해 보니) html모드에서 붙여넣기 하고 다시 일반 edit 모드로 오면 '펼치기, 접기, 요약글 내용, 접기' 모두가 다 나올 것이다. 그렇지만 이건 편집모드라 그렇다. '미리보기'로 보면 제대로 적용된 것을 알 수 있다. '요약글 내용' 부분만 편집하면 ok.