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

liwan123 发布于 2013/04/10 20:26
阅读 5K+
收藏 1

现在我想实现点击一个按钮实现显示和隐藏,不知道怎么做?就是同一个按钮第一次点击显示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>

 

加载中
0
0
liwan123
liwan123

引用来自“leo108”的答案

toggle()
能具体说下代码吗?对jquery不懂啊
0
leo108
leo108

引用来自“liwan123”的答案

引用来自“leo108”的答案

toggle()
能具体说下代码吗?对jquery不懂啊
http://www.ostools.net/uploads/apidocs/jquery/toggle.html
0
liwan123
liwan123

引用来自“leo108”的答案

引用来自“liwan123”的答案

引用来自“leo108”的答案

toggle()
能具体说下代码吗?对jquery不懂啊
http://www.ostools.net/uploads/apidocs/jquery/toggle.html

<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 (showOrHide) {
  $('#testD').show();
} else {
  $('#testD').hide();
}        });


})

</script>

高手,我怎么实现不了呢?奇怪了

leo108
leo108
你完全没有看我给你的页面
0
liwan123
liwan123
不知道问题在哪里
0
紅顏為君笑
紅顏為君笑

给你写了一个当做我自己练习回顾一下,不知道现在你解决了没有。

<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>
0
伟子啊
伟子啊
$('#foo').toggle(showOrHide);
一句话
返回顶部
顶部