开发者社区> 问答> 正文

如何点击同一个按钮实现jquery 的hide和show功能

现在我想实现点击一个按钮实现显示和隐藏,不知道怎么做?就是同一个按钮第一次点击显示div的话,第二次点击就是隐藏div,这个代码有什么问题吗?

<script src=" https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
<script type="text/javascript">   
 $(function(){        
$("#DH").click(function(){ 
          if ($("#testD").hide()){ 
$("#testD").show(); 
}     else{ 
$("#testD").hide(); 
} 
                });        
$("#DS").click(function(){   
    $("#testD").show();        });      
  $("#VH").click(function(){         
   $("#testV").hide();        });       
 $("#VS").click(function(){      
      $("#testV").show();        });       
 $("#EH").click(function(){         
      $("#testE").hide();        });        
$("#ES").click(function(){           
     $("#testE").show();        });   
 })</script> 
 

展开
收起
a123456678 2016-07-08 10:42:18 2391 0
1 条回答
写回答
取消 提交回答
  • <html>
        <head>
            <title></title>
        </head>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
        <script type="text/javascript" >
            function test(){
                var css=$("div").css("display");
                if(css=="block"){
                    $("div").hide();
                }else if(css=="none"){
                    $("div").show();
                }
            }
        </script>
        <body>
            <div>看这里。。。</div>
            <input type="button" value="测试" onclick="test()"/>
        </body>
    </html>
    2019-07-17 19:53:10
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关课程

更多

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载