jQuery chuyển cả "trượt" và "mờ" hình ảnh động cùng lúc

Question

jQuery có một slideToggle, và một fadeToggle, nhưng họ không chơi tốt với nhau (xem fiddle here):

$('div').on('click', function() { 
    $('span') 
     .slideToggle({duration: 'slow', queue: false}) 
     .fadeToggle({duration: 'slow', queue: false}); 
}); 

thế nào có thể Tôi có slide và fade chuyển đổi cùng một lúc?

Answer 1

Sử dụng .animate() như sau:

$('span').animate({ 
    height: "toggle", 
    opacity: "toggle" 
});