cách thêm hiệu ứng mờ dần mờ dần vào jquery slidetoggle?

Question

Tôi đang sử dụng đoạn mã sau để trượt lên và xuống một div:

$(document).ready(function(){ 
    $(".toggle-button").click(function() { 
     $(".about").slideToggle("slow"); 
    }); 
}); 

tôi sẽ muốn thêm một fade in và fade out hiệu ứng cho các nút bật tắt. Bất kỳ đề xuất nào về cách thực hiện điều đó?

Answer 1

Một cách đơn giản để đạt được điều này là để vượt qua giá trị toggle-animate():

$(document).ready(function() { 
    $(".toggle-button").click(function() { 
     $(".about").animate({ 
      height: "toggle", 
      opacity: "toggle" 
     }, "slow"); 
    }); 
}); 

Bạn có thể xem kết quả trong this fiddle.