웹마스터 팁

  2. Support
  3. 웹마스터 팁

간단한 감추기/펼치기 스크립트 (태터툴즈의 more 기능)

2004.05.28 22:56

나이시스

너무 간단 .. 해서 안되려나;;

---

<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>

---

참고가 되셨나요? ^^;
태터툴즈의 more 기능이 참 좋아서 소스 보기로 이런거구나 하고 알게 되었습니다.
이 게시물을
수정 삭제
좋아요
목록
제목 글쓴이 날짜
공중에 이리저리 떠다니는 레이어 [2] 아벨라 2002.10.13
문자열 길이(byte)에 따라 자르기... 행복한고니 2002.10.11
크롬리스 윈도우창 띄우기 [21] 臥龍先生 2002.10.09
Select의 값을 iframe으로 넣는것입니다. [3] ZipShin 2002.10.03
엔지오 메인 화면에서 배너 클릭하면 뜨는 프롬프트 달기 [1] Eccen 2002.09.30
크롬리스 인터6.0 sp1인한 문제 수정패치 [1] 이태운 2002.09.29
페이지 맨위로 이동하는 top 버튼 [7] 조정환 2002.09.28
자바스크립트로 클릭하면 출력되는 메뉴를 만들어 보자~!!! [6] 유지호 2002.09.20
간단하고 빠른 페이지포워딩 [3] Draco 2002.09.19
asx파일 만들어 나만의 뮤직비디오 만들기 [5] zinie 2002.09.19
개판 오분전 넷 비디오 [1] 미친개 2002.09.19
타이틀 바 마퀴 소스 [2] 미친개 2002.09.18
자바스크립트로 여러개 아이디 로그인 하기 [5] ZipShin 2002.09.17
원하는곳에 배경그림고정 [1] 아벨라 2002.09.17
문서중 http://***.*** 에 자동링크 - 이제 서버측에서 하지 마세요.. [9] 정명주 2002.09.04
[re] 문서중 http://***.*** 에 자동링크 ~ 저도 한번 해봤습니다.. [3] 점퍼워니 2002.09.05
브라우저 언어에 따라 다른 페이지 보이기 [11] 써니얌 2002.09.03
접속하자 마자 풀스크린으로 바뀌는 홈페이지만들기 [20] 노명수 2002.09.02
[기본] 글씨 꾸미기 ^ㅡ^; [13] 현 2002.08.24
원하는 위치에서 스크롤바를 부드럽게 따라다님 [10] ▩윤미 2002.08.20
태그 쓰기