切换不工作

<!DOCTYPE html> 
<html> 
<head> 

<script type="text/javascript" src="jquery-1.7.1.min.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
$("button").click(function(){ 
    $("p").toggle(function(){ 
    $("p").hide();}, 
    function(){ 
    $("p").show();} 

    }); 
}); 
</script> 
</head> 
<body> 
<p>Click me to toggle between different background colors.</p> 
<button>click me</button> 
</body> 
</html>

我试图隐藏和显示按钮点击之间切换...但它不工作一点帮助将很可观切换不工作

来源

2012-02-09 user1194147

拨动包括隐藏和显示的行为，我认为它的更好，如果你把它写成$（“P”）切换（“慢”） ; – Skyrel 2012-02-09 07:22:38

你有SyntaxError。不要忘记在toggle()的大括号之后关闭圆括号。

如果您只是切换元素的可见性，您应该只能使用toggle()而不带任何参数。

jsFiddle。

来源

2012-02-09 07:21:30 alex

要切换背景颜色使用toggleClass()和CSS

$(document).ready(function() { 
    $("button").click(function() { 
     $("p").toggleClass('red'); 
    }); 
});

http://jsfiddle.net/M7dpB/1/

参见手册http://api.jquery.com/toggle/

来源

2012-02-09 07:24:10 PiTheNumber

试试这个http://jsfiddle.net/h45En/

$('a').bind('click', function() { 
    $('p').toggle(); 
});

切换将隐藏$（” p'）默认。

来源

2012-02-09 07:26:39 czerasz

你可以简单的写：

$("button").toggle(function(){ 
    $("p").hide();}, 
    function(){ 
    $("p").show();} 
});

来源

2012-02-09 07:26:40 Hadas

感谢好友....这真的有帮助 – user1194147 2012-02-09 08:47:46

@哈达斯否*请* *？ – alex 2012-02-09 12:09:40

<!DOCTYPE html> 
<html> 
    <head> 

     <script type="text/javascript" src="js/jquery.js"></script> 
     <script type="text/javascript"> 
      $(document).ready(function(){ 
       $("button").click(function(){ 
        $("p").toggle(); 
       }); 
      }); 
     </script> 
    </head> 
    <body> 
     <p>Click me to toggle between different background colors.</p> 
     <button>click me</button> 
    </body> 
</html>

来源

2012-02-09 07:29:35

回答

相关问题