[js] Toggle Visibility – 토글 레이어

<script>
function toggle_visibility(id) {
	var e = document.getElementById(id);
	if(e.style.display == 'block') {
		e.style.display = 'none';
	} else {
		e.style.display = 'block';
	};
}
</script>

<a href="#" onclick="toggle_visibility('foo');">Click here to toggle visibility of element #foo</a>
<div id="foo">This is foo</div>

클릭해서 보여주고, 다시 클릭하면 숨기는게 가능한 자바스크립트 토글 소스.

만약 이미 CSS로 숨긴 레이어를 눌러서 나타나게 하려면 block/none 을 반전시키면 된다.

출처 :: http://blog.movalog.com/a/javascript-toggle-visibility/

댓글 +0

댓글 남기기

이메일 주소는 공개되지 않습니다.
다음 태그 및 속성을 사용할 수 있습니다: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>