View
<style>
.q{font-weight:bold;cursor:hand}
.a{font-weight:normal}
</style>
<script>
document.onclick=function tgl(){
e=event.srcElement;
if(e.tagName=='SPAN'&&e.id.indexOf('q')!=-1){
v=e.id.substr(1,e.id.length);
var b=document.getElementById('a'+v).style.display;
for(var i=0;i<=4;i++) document.getElementById('a'+i).style.display='none';
document.getElementById('a'+v).style.display=(b=='none')?'block':'none';
}
}
</script>
<span id=q0 class=q>질문 1</span>
<div id=a0 class=a style=display:none>답변 1<br>테스트 1</div>
<p>
<span id=q1 class=q>질문 2</span>
<div id=a1 class=a style=display:none>답변 2<br>테스트 2</div>
<p>
<span id=q2 class=q>질문 3</span>
<div id=a2 class=a style=display:none>답변 3<br>테스트 2</div>
<p>
<span id=q3 class=q>질문 4</span>
<div id=a3 style=display:none>답변 4<br>테스트 2</div>
<p>
<span id=q4 class=q>질문 5</span>
<div id=a4 class=a style=display:none>답변 5<br>테스트 2</div>
http://myhome.naver.com/ddini/kin/레이어/레이어토글3.htm
