웹마스터 팁

  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 기능이 참 좋아서 소스 보기로 이런거구나 하고 알게 되었습니다.
이 게시물을
수정 삭제
좋아요
목록
제목 글쓴이 날짜
throttle-me를 이용한 계정 트래픽 나타내기 [39] file 旻天 2003.11.27
제로보드회원의 포인트 랭킹 체크하기 sql 정리 [4] 한꼬마 2003.11.26
한꼬마의 제로보드 이용법 (sql로 테이블 호출) [2] 한꼬마 2003.11.26
[Lotto 6/45] 로또 추첨 구현하기~ [5] file 전원주 2003.11.21
한꼬마의 제로보드 활용방법 (로그인 값 알아 보기) [3] 한꼬마 2003.11.20
회원 포인트 랭킹(중복 -_-a) [4] file weky 2003.11.15
제로보드회원의 포인트 랭킹 체크하기 [13] file 전원주 2003.11.15
지금은 시스템 점검중 만들기... [8] zentoo.com 2003.11.11
접속자의 IP를 화일로 저장(기능추가) [27] 전원주 2003.11.06
호스팅업체에서 GD를 지원하는지 여부를 알 수 있게해주는 소스 [12] Wizard 2003.11.05
홈페이지 관리자 모드 구축하기 (HTTP 인증, 중복 맞음) [10] file 9000㎒ 2003.11.01
include, onload, <span id=...> 다계층메뉴 활용 강좌 [2] 김병희 2003.10.25
신문기사 긁어오기 [28] horizon 2003.10.20
공지사항|일기장 4강 - notice.php 간단한 글보이기 시루바 2003.10.16
최신인기가요 순위 한방에 뽑아오기 [10] 제누스 2003.10.16
알기쉬운 웹용 MySQL 관리도구, phpMyAdmin 설치하기 [10] 허창원 2003.10.11
MSN Messenger Class - file HungryMania 2003.10.10
공지사항|일기장 3장 write_ok.php //간단한 입력쿼리문//수정 [5] 시루바 2003.10.08
내 홈페이지의 방문자 어디서 접속했을까 알아봅시다 [21] file 버찌소년 2003.10.08
공지사항|일기장 프로그램 2장:코딩구조와write.php [2] 시루바 2003.10.02
태그 쓰기