2013-03-26 70 views
7

Tôi hiện đang sử dụng mã này để thử và sử dụng nút có lớp là .info làm nút chuyển đổi mờ dần và mờ dần văn bản. Hiện tại, hoạt ảnh đang chạy ngược trở lại với mã này. Có cách nào tôi nhấp vào nút một lần và có văn bản mờ dần mà không bị mờ dần sau vài giây không? Điều tương tự cũng sẽ áp dụng cho việc mờ dần khi bạn nhấp lại vào nút.FadeIn/FadeOut Chuyển đổi bằng cách sử dụng một nút

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

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

[ '.fadeToggle()'] (http://api.jquery.com/fadeToggle/) là một nơi tốt để bắt đầu về vấn đề này và có lẽ ['.stop()'] (http://api.jquery.com/stop/) cũng như – andyb

+1

Cảm ơn bạn! Tôi nghĩ rằng tôi đã phải sử dụng if/else vòng lặp cho điều này, nhưng điều này là đơn giản hơn rất nhiều. Cảm ơn! – tntran10

Trả lời

21

Bạn có thể sử dụng fadeToggle()

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

Wow cảm ơn bạn! Tôi thậm chí không biết điều này đã tồn tại. Cám ơn bạn một lần nữa! – tntran10

+0

Không sao cả. :-) – 97ldave

5
$('info').click(function(){ 
    $('h7').fadeToggle(750); 
}); 
Các vấn đề liên quan