怎么用JS控制多个DIV的显示和隐藏问题

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎么用JS控制多个DIV的显示和隐藏问题相关的知识,希望对你有一定的参考价值。

参考技术A 用一个全局的变量保存已经显示的div的id或者引用
div隐藏的时候把变量设置为null
点击回复的时候传入要显示的div的id或引用,与变量对比
如果一样,则隐藏对应层,如果不一样,则隐藏原来的层,显示新的层,同时更新全局变量
参考技术B html代码:
<div class="div1"></div>
<div class="div2"></div>
<div class="div3"></div>
<div class="div4"></div>
JQ代码:
$(".div1").show();
$(".div1").siblings("div").hide();

以上是关于怎么用JS控制多个DIV的显示和隐藏问题的主要内容,如果未能解决你的问题,请参考以下文章

怎样用jquery控制div的显示与隐藏

JS控制多个div显示与隐藏的问题。

如何实现js控制div的隐藏及显现

js 怎么用一个按钮控制DIV来回显示和隐藏

js中怎么控制一个标签的显示与隐藏

js里面怎么将内容隐藏内容隐藏