<head runat="server"> <title>无标题页</title> <script language="javascript" type="text/javascript"> /*** *功能：隐藏和显示div *参数divDisplay：html标签id ***/ var last_div; function click_a(divDisplay) { var obj = document.getElementById(divDisplay); if(obj.style.display != "block") { if (last_div) last_div.style.display = "none"; obj.style.display = "block"; last_div = obj; } else { obj.style.display = "none"; last_div = null; } } </script></head><body> <div> <a onClick="return click_a('divOne_1')" style="cursor:pointer;">打开</a> <div id="divOne_1" style="display:block;">div_one下面的内容</div> </div> <div> <a onClick="return click_a('divOne_2')" style="cursor:pointer;">打开</a> <div id="divOne_2" style="display:none;">div_one下面的内容</div> </div> <div> <a onClick="return click_a('divOne_3')" style="cursor:pointer;">打开</a> <div id="divOne_3" style="display:none;">div_one下面的内容</div> </div></body>代码如上需要实现的功能：进入页面后默认显示第一个层，点击第二个层的按钮时，第一个层隐藏，第二个层显示，以此类推，页面始终只有一个层显示，其余的都隐藏。遇到的困难：第一个层默认值是block，如果进入页面直接点别的层，当别的层显示出来之后，第一个层并不会隐藏，因为没有进行点击，所以不会给JS传参。需要解决的问题：进入页面后默认显示的层需要给JS传参，把block属性传过去，当点击别的层，第一个层会正常隐藏。
温馨提示：内容为网友见解，仅供参考
无其他回答
相似回答
