Question

如何点击button显示一个div，再点击就隐藏

Answer 1

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

<button id="btn1" onclick="btn1()">报名</button>
<div id="div1" style="background:#999999; display:none;">
<button id="btn2" onclick="btn2()">第一个div</button>
</div>
<div id="div2" style="background:#666; display:none;">
<button id="btn3" onclick="btn3()">第二个div</button>
</div>

function btn1(){
document.getElementById('div1').style.display='block';
}
function btn2(){
document.getElementById('div1').style.display='none';
document.getElementById('div2').style.display='block';
}
function btn3(){
document.getElementById('div2').style.display='none';
}