※ 스크립트가 꺼져있습니다. 원활한 사이트 이용을 위해 스크립트를 다시 허용해주세요.

[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';
	}
}

MARKUP

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

참고자료

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