如何讓.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

以前的答案中的切換效果很好，而且是大多數人會做的。如果你想要的東西明確其做同樣的事情，並會允許你做更多的取決於其他元素的狀態：

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

Answer 2

你不應該重新綁定click事件，你可以只使用toggle()或fadeToggle()：

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

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

Answer 3

可以使用toggle，而不是點擊。

Live Demo

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

要綁定點擊兩次就可以把條件和有約束力的兩次會造成雙重作用。