 |
|
|  |
| 간단한 감추기 - 펼치기 스크립트 (태터툴즈의 more 기능) |
|
|
 홈페이지 |
22년 전 |
<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><a href=# onclick="layer_toggle(document.getElementById('more01a')); layer_toggle(document.getElementById('more01b'));return false;"><p>현재 숨겨진 상태입니다.</p></a></div>
<div id=more01b style=display:none ><a href=# onclick="layer_toggle(document.getElementById('more01a')); layer_toggle(document.getElementById('more01b'));return false;"><p>펼친 상태입니다.</p></a><p>div 사이에 이렇게 내용을 적어주시면 됩니다.</p></div>
<br><br>
<div id=more02a style=display:block><a href=# onclick="layer_toggle(document.getElementById('more02a')); layer_toggle(document.getElementById('more02b'));return false;"><p>이렇게 div id와 document.getElementById 값을 조절하면</p></a></div>
<div id=more02b style=display:none ><a href=# onclick="layer_toggle(document.getElementById('more02a')); layer_toggle(document.getElementById('more02b'));return false;"><p>여러개를 열고 닫을 수 있습니다.</p></a><p>어렵지 않습니다.</p></div>
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
태그연습장 http://myhome.naver.com/ktnami/html/namitest2.html |
|
추천 : 427 |
추천
목록
|
|
|  |
|