<button id="btn1" οnclick="btn1()">报名</button>
<div id="div1" style="background:#999999; display:none;">
<button id="btn2" οnclick="btn2()">第一个div</button>
</div>
<div id="div2" style="background:#666; display:none;">
<button id="btn3" οnclick="btn3()">第二个div</button>
</div>
function btn1(){
document.getElementById('div1').style.display='block';
}
function btn2(){
document.getElementById('div1').style.display='none';//<span style="color: rgb(51, 51, 51); font-family: 'Microsoft YaHei', arial, 宋体, sans-serif, tahoma; font-size: 14px; line-height: 24px;">display = "none"//隐藏div</span>
document.getElementById('div2').style.display='block';<span style="color: rgb(51, 51, 51); font-family: 'Microsoft YaHei', arial, 宋体, sans-serif, tahoma; font-size: 14px; line-height: 24px;">//display = "block"//显示div</span>
}
function btn3(){
document.getElementById('div2').style.display='none';
}
采用jquery
<script src="jquery-1.8.3.js"></script>
<body>
<button id="btn1" οnclick="btn1()">测试</button>
<div id="div1" style="background:#999999; display:none;">
<button id="btn2" οnclick="btn2()">第一个div</button>
</div>
<div id="div2" style="background:#666; display:none;">
<button id="btn3" οnclick="btn3()">第二个div</button>
</div>
</body>
<script>
function btn1(){
$("#div1").show();
$("#div2").show();
}
function btn2(){
$("#div1").hide();
$("#div2").show();
}
function btn3(){
$("#div2").hide();
$("#div1").show();
}
</script>