태그 : 열기태그

새로운 열기/접기 태그

새글쓰기시 onclick 스크립트 제한 안내드립니다.

허리를 접고 펴는 태그가 더이상 안 먹히는 문제가 있어서 간단히 만들어 보았습니다.

http://www.w3.org/Style/Examples/007/folding
예제를 참조했습니다.

열기


감춰왔던 나의~~

접기





* 소스보기
<style>div.hide_box div.hide {display:none;} div.hide_box div:target {display:block}</style><a href="#hide_show" title="Click to show">열기</a><div class="hide_box"><div id="hide_show" class="hide">

### 여기에 내용을 넣으세요. ###

<p><a href="#hide_close" title="Click to hide">접기</a></p>
</div></div>


한 페이지에 여러 감춤을 넣으려면
#hide_show -> #hide_show1
id="hide_show" -> id="hide_show2"

식으로 늘리시면 됩니다.

열기1


감춰왔던 나의~~ #1

접기




열기2


감춰왔던 나의~~ #2

접기





* 소스보기
<style>div.hide_box div.hide {display:none;} div.hide_box div:target {display:block}</style><a href="#hide_show1" title="Click to show">열기1</a><div class="hide_box"><div id="hide_show1" class="hide">

감춰왔던 나의~~ #1

<p><a href="#hide_close" title="Click to hide">접기</a></p>
</div></div>

<a href="#hide_show2" title="Click to show">열기2</a><div class="hide_box"><div id="hide_show2" class="hide">

감춰왔던 나의~~ #2

<p><a href="#hide_close" title="Click to hide">접기</a></p>
</div></div>


잘 쓰세요~

by NuRi | 2013/02/07 16:19 | 잡동사니 창고 | 트랙백 | 핑백(1) | 덧글(7)