2013-03-26 51 views
7

我目前使用此代碼嘗試使用類別爲.info的按鈕作爲淡入和淡出文本的切換。現在這個代碼重複運行動畫。有沒有辦法讓我點擊一下按鈕,並讓文本淡入,而不會在幾秒後消失?再次單擊按鈕時,同樣適用於淡出。FadeIn/FadeOut使用一個按鈕切換

$('.info').click(function() { 
    $('h7').fadeIn(750); 
}); 

$('.info').click(function() { 
    $('h7').fadeOut(750); 
});   
+1

['.fadeToggle()'](http://api.jquery.com/fadeToggle/)是開始對這個的好地方並可能['.stop()'](http://api.jquery.com/stop/) – andyb 2013-03-26 16:19:36

+1

謝謝!我以爲我必須使用if/else循環,但這非常簡單。謝謝! – tntran10 2013-03-26 16:23:36

回答

21

您可以使用fadeToggle()

$('.info').click(function() { 
    $('h7').fadeToggle(750); 
} 
+1

謝謝!我甚至不知道這存在。再次感謝你! – tntran10 2013-03-26 16:22:39

+0

沒問題。 :-) – 97ldave 2013-03-26 16:25:09

5
$('info').click(function(){ 
    $('h7').fadeToggle(750); 
});