efecto jquery como se slideUp con animate

[aldo_rengo]

Hola miren quisiera hacer un efecto, jquery que donde inserte un comentario, este va por ajax, lo inserte a la base de datos y luego solicite, todos los comentarios para mostrarlos,
el tema es que lo tengo funcionando asi, se visualiza bien, lo que quiero es que el primer comentario, aparezca tipo un SlideUp osea que corra a los demas comentarios, pero ademas del slideup, tenga un opacity de 0 a 1

Código PHP:

   
        $("#comentarios article").first().animate({ 
          opacity:0 
          }, 0, function() { 
             
            $(this).animate({ 
          opacity:1 
          }, 1500, function() { 
          }); 
             
          });  
   

de esta manera hago que se el div del primer comentarios tenga su espacio y por segundos, haga un opacity del 0 a 1 ,

lo q quiero es que haga lo del ocpacity pero que ademas tenga un slideup,
osea en principio no tendra su espacio final el comentario sino que mientras aparezca ira desplazando a los demas hasta tener su espacio final,.
(es el efecto BASICO que tiene los SlideUP)

osea en el codigo que agregue, habria que agregar un slideup, pero por ahi una manera mejor de combinarlos o agregarlo al animate hight de 0 a 100% o a la medida del div, final.. no ?

[Alexis88]

Como el método slideUp involucra a la altura del elemento, además de modificar la opacidad, altera su altura.

Saludos

[aldo_rengo]

Iniciado por Alexis88

Como el método slideUp involucra a la altura del elemento, además de modificar la opacidad, altera su altura.

Saludos

si lo de la altura lo sabia..
entonces dices que funciona opacidad... haber.. entonces....

[Alexis88]

Claro, algo así. La idea es alterar a los atributos opacity y height.

Código Javascript:

//Ocultar
$("#id_elemento").animate({
    opacity: 0,
    height: 0
}, 500);
 
//Mostrar
$("#id_elemento").animate({
    opacity: 1,
    height: "15rem"
}, 500);
 

Saludos