求指导，希望帮忙

码拜

9年 ago

不使用框架实现点击一个div之后隐藏之前的div，显示点击的div

解决方案

可以试一下，看看是不是你要的效果

<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>

<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>