새로운 열기/접기 태그

새글쓰기시 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)

트랙백 주소 : http://nuridol.egloos.com/tb/3928673
☞ 내 이글루에 이 글과 관련된 글 쓰기 (트랙백 보내기) [도움말]
Linked at DR : 긴글 접기 기능 말입.. at 2013/02/16 21:29

... More/Less 기능을 썩 자주 이용하는 편은 아닙니다만 없으니까 역시 신경이 쓰이네요. 찾아보니 NuRi님께서 대체 스크립트를 포스팅하셨길래 일단 끌고 옵니다. 새로운 열기/접기 태그 그리고 이걸 쓰면 언젠가 막힐지 안 막힐지는 모르겠습니다만 기존에 쓰던 태그가 익숙하신 분들을 위한 꼼수. onclick이 안 된다면 onmouseover를 ... more

Commented by Vapid at 2013/04/04 13:33
검색하다 들어왔어요. 잘 쓰겠습니다 감사합니다 :D !!
Commented by 베깅유 at 2013/06/03 23:29
오 감사합니다!
Commented by 나그네 at 2013/06/11 13:55
a 태그에 return false;를 해야 splash가 없어집니다.
Commented by PFN at 2013/09/02 17:36
<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>


이걸 그대로 새글 - html 편집기에 붙여넣었는데 작동을 안하네요;;

왜그럴까요ㅠ
Commented by PFN at 2013/09/02 17:38
글을 올리고 나서 다시 수정 들어가 보면

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

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

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


로 바뀌어 있습니다
Commented by NuRi at 2013/09/06 09:45
이글루가 또 잠수함 패치해서 이 기능을 막았네요.
Commented by 제보 at 2016/01/11 22:27
http://foms.egloos.com/3530375

모바일에선 안 먹힌다고는 하는데 올리신분이 있네요

:         :

:

비공개 덧글