Question

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

就是有三个div ，当显示其中一个时隐藏其他的俩个，，怎么实现。。真心的请教大侠们，，帮帮我啊

Answer 1

需要准备的材料分别是：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建一个html文件，例如：index.html。

2、在index.html文件的<script>标签中，写入js：

$('button').click(function () {

$('div').hide();

$('div').eq(parseInt(3 * Math.random())).show();

});

3、浏览器运行index.html页面，此时点击btn按钮总会显示其中1个div和隐藏另外2个div。

Answer 2

需要准备的材料分别是：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建一个html文件，例如：index.html。

2、在index.html文件的<script>标签中，写入js：

$('button').click(function () {

$('div').hide();

$('div').eq(parseInt(3 * Math.random())).show();

});

3、浏览器运行index.html页面，此时点击btn按钮总会显示其中1个div和隐藏另外2个div。

Answer 3

javascript 控制 div元素 显示/隐藏  ：

1. 获取该div元素
   

2. 设置该元素的样式

具体代码如下：

<script type="text/javascript">
    function display(id){  
        var traget=document.getElementById(id);  
        if(traget.style.display=="none"){  
            traget.style.display="";  
        }else{  
            traget.style.display="none";  
      }  
   }  
</script>

Answer 4

先把所有的都隐藏起来，再把点击的div显示出来，是可以实现只显示一个div的效果的

Answer 5

$("#div1").hide（）；$("#div2").hide（）； $("#div3").show();