不使用框架实现点击一个div之后隐藏之前的div，显示点击的div
解决方案
5
可以试一下，看看是不是你要的效果
<script src="jquery-1.8.3.js"></script>
<body>
<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>
</body>
<script>
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";
}
</script>
15
<script src="jquery-1.8.3.js"></script>
<body>
<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>
</body>
<script>
function btn1(){
$("#div1").show();
$("#div2").show();
}
function btn2(){
$("#div1").hide();
$("#div2").show();
}
function btn3(){
$("#div2").hide();
$("#div1").show();
}
</script>
