묻고답하기
클릭하면 내용이 보이고 다시 클릭하면 내용이 없어지게 하는 것 어떻게 하나요?
2005.02.04 00:34
http://yeinz.pe.kr/blog/index.php?pl=13&ct1=1&PHPSESSID=07161547e29b2d9d3395d53d9b72c8be
중간쯤에 ** 클릭하시면 제품에 대한 간단한 리뷰를 보실 수 있습니다 ** 누르면
내용이 보이고 다시 클릭하면 내용이 없어지는 거요.
이런 기능을 하고 싶은데요..
명칭을 몰라서 검색을 못했습니다..죄송합니다;;
어떻게 하는지 알 수 있을까요? 명칭만 알려주셔도 제가 찾아보겠습니다^^
중간쯤에 ** 클릭하시면 제품에 대한 간단한 리뷰를 보실 수 있습니다 ** 누르면
내용이 보이고 다시 클릭하면 내용이 없어지는 거요.
이런 기능을 하고 싶은데요..
명칭을 몰라서 검색을 못했습니다..죄송합니다;;
어떻게 하는지 알 수 있을까요? 명칭만 알려주셔도 제가 찾아보겠습니다^^
댓글 3
-
김명종
2005.02.04 01:49
-
메탈퀸
2005.02.04 07:05
저 사이트에서 사용한건 스크립트입니다.
저도 저렇게 쓰는 페이지가 있구요. http://www.namodel.com/ver11/main_02.htm (회칙보기)
제가 쓰는건 아래소스입니다. 쉽습니다.
--------------------------------------------------------------
<script>
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=아이디1 style=display:block><a href=javascript:; onclick="layer_toggle(document.getElementById('아이디1')); layer_toggle(document.getElementById('아이디2'));return false;"><u>토글 열기</u></a></div>
<div id=아이디2 style=display:none ><a href=javascript:; onclick="layer_toggle(document.getElementById('아이디1')); layer_toggle(document.getElementById('아이디2'));return false;"><u>토글 닫기</u></a>
토글 내용
</div> -
Beethoven
2005.02.04 12:05
와 두분다 너무 감사드립니다^^
단 테이블로 짜놓은 상태에서 보이지 않는 상태에서 클릭하면 보이는 상태로 전환하고(보이는 동시에 그 밑에는 자동으로 밑으로 밀리는) 그 반대 상황 즉 보이는 상황에서 클릭하면 보이지 않는 상태로 전환시키는 스크립트입니다.
대략 인터넷에서 메뉴 스크립트로 소스를 찾아보세요.