js实现div点击隐藏和显示|js实现div点击隐藏和展示代码

【www.bbyears.com--js教程】

js代码

直接上代码了：

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

看个jquery的例子

<script type="text/javascript">
  $(function(){
   alert($("#a").css("display"));
   alert($("#b").css("display"))
  })
</script>

a
b

当然最简单实现div显示隐藏可以使用jquery toggle

<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $(".btn1").click(function(){
  $("p").toggle(1000);
  });
});
</script>

This is a paragraph.

本文来源：http://www.bbyears.com/wangyezhizuo/52035.html