cómo agregar un efecto de desvanecimiento de opacidad a la diapositiva de desplazamiento de jquery?

Question

estoy usando el siguiente código para deslizarse hacia arriba y hacia abajo un div:

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

me gustaría añadir un fundido de entrada y fundido de salida en práctica el botón de activación. ¿Alguna sugerencia sobre cómo hacer eso?

Answer 1

Una manera sencilla de lograr esto es para pasar el valor toggle a animate():

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

se puede ver el resultado en this fiddle.