Question

<!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>

我试图在按钮点击之间切换隐藏和显示...但它不起作用一点点的帮助将会很明显

Answer 1

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

如果您只是切换元素的可见性，那么您应该只能使用没有参数的toggle()。

jsFiddle

Answer 2

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

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

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

请参阅手册http://api.jquery.com/toggle/

Answer 3

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

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

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

Answer 4

你可以简单地写一下：

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

Answer 5

<!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>

切换不起作用

5 个答案: