본문 바로가기
컴퓨터이야기/JavaScript

FAQ에 활용할수 있는 토글

by 변화지시자 2009. 1. 7.
반응형
<!DOCTYPE html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
  
  <script language="JavaScript">
  <!--
  function showhide(num) {
	  obj = eval("KIN"+num);
	  for(var i=1;i<=3;i++) {
		  eval("KIN"+i).style.display = "none";
	  }
	  obj.style.display = "";
  }
//-->
</script>
 </head>
 <body>
	<a href="#n" onclick="showhide(1);">TITLE 111111</a><br>
	<div style="display:none" ID="KIN1">MEMO 111111</div>

	<a href="#n" onclick="showhide(2);">TITLE 222222222</a><br>
	<div style="display:none" ID="KIN2">MEMO 2222222</div>

	<a href="#n" onclick="showhide(3);">TITLE 3333333</a><br>
	<div style="display:none" ID="KIN3">MEMO 3333333333</div>

 </body>
</html>

http://blog.naver.com/leonato?Redirect=Log&logNo=110031558947

 

FAQ, 토글, 클릭한 글만 뜨고 나머지 접기

<html><head></head><body>   <a href="#n" onclick="showhide(1);"&...

blog.naver.com

나토님 이야기라는 블로그에서 퍼왔음