DIV显示隐藏层问题

来源：百度知道 编辑：UC知道 时间：2024/06/08 18:44:14
用DIV我怎么才能实现点一下“问题问题问题”
“答案：XXXXXXXXXX”这层出现，再点一下隐藏回去

1。问题问题问题
答案：XXXXXXXXXX

2。问题问题问题
答案：XXXXXXXXXX

3。问题问题问题
答案：XXXXXXXXXX
我在网上也有找到类似的，但是都只有一个层的显示隐藏，我就是不知道怎么改成多个问题多个显示隐藏层 。初始状态是不显示答案，点击才显示，再点击隐藏

<html>
<body>
<div style="border:1px 1px solid #000000;width:200" id="div1" onclick=checknum()>问题:我是啥？</div><br>
<div id="div2" style="display:none;border:1px 1px solid #000000;width:200">答案：我看你像猪</div>
<script type="text/javascript">
function checknum(){
var v =document.getElementById('div2');
if(v.style.display=='none'){
v.style.display='block';
}else{
v.style.display='none';
}

}
</script>
</body>
</html>

晕倒。要多个就随便改改就行了嘛。太懒了
<html>
<body>
<div style="border:1px 1px solid #000000;width:200" id="a1" onclick=checknum(this)>问题1:我是啥？</div>
<div id="q1" style="display:none;border:1px 1px solid #000000;width:200">答案1