Question

我是jQuery和JaVascript的新手，我喜欢它，但我有问题,,,

我有一个名为button1的元素，我希望在点击一次时使另一个名为bubble1的元素消失，再次点击时重新显示。

我尝试了这个但是没有用

$(document).ready(function(){
    $('#button_1').click(function (){
        $('#bubble1').css('visibility','hidden');
        $('#button_1').click (function(){
            $('#bubble1'.css('visibility'.'visible');
        });
    });
});

第二个有效，但对象消失，只需点击一下即可重新出现。

$(document).ready(function (){
    $('#button_1').click(function (){
        $('#bubble1').fadeOut();
    });
});
$('#button_1').click(function (){
    $('#bubble1').fadeIn();
});

Answer 1

您不应该重新约束click事件，您可以使用toggle()或fadeToggle()：

$("#button_1").click(function() {
    $("#bubble1").fadeToggle();
});

DEMO： http://jsfiddle.net/E9PRa/

Answer 2

您可以使用toggle代替点击。

<强> Live Demo

$('#button_1').click(function (){
   $('#bubble1').toggle();
});

你绑定点击两次你可以放置条件并绑定它两次会导致双重操作。

Answer 3

先前答案中的切换效果很好，是大多数人都会做的。如果你想要一些明确的东西做同样的事情，并允许你做更多，取决于另一个元素的状态：

$("#button_1").click(function() {
    if ($("#bubble1").is(':visible')) 
       $('#bubble1').fadeOut();
    else
       $('#bubble1').fadeIn();
});

如何让.click在jquery中执行两个函数？

3 个答案: