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

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();
});

演示: http ://jsfiddle.net/E9PRa/