¿Cómo obtener la altura de div después de deslizar el control deslizante de acción o deslizar hacia arriba?

Question

Código aquí: jsfiddle Demo

Quiero llegar a la altura div#content cuando se termine la acción de slider down/up.

Por ejemplo, en la demostración, escribo algunas palabras, hacen que la altura div es 36px, por lo que si hago clic slider down, necesito obtener el valor 36, y si hago clic slider up, necesito devolver el valor 0. Gracias.

Answer 1

Entonces, pero en la función de devolución de llamada de la slideDown o slideUp, por ejemplo, como:

$('#content').slideDown('slow', function(){ 
     var height = $(this).height(); 
    }); 

Demo

en cuenta que que le dará la misma altura 38 en los dos casos slideDown y slideUp, ya que las dos funciones no cambian la propiedad de altura del div, pero solo el display proprty desde none a block, por lo que la propiedad de altura de div #content es la misma después de deslizarse hacia abajo como su altura anterior.

Answer 2

Sé que este es un hilo viejo, pero salió primero cuando busqué esto, así que supongo que otros aterrizarán aquí también.

Usar la devolución de llamada es lo que hago si necesito el valor una vez completada la animación, pero en mi caso de uso, necesitaba la altura antes de la animación para poder expandir otro elemento a la misma altura. Para esto, hice lo siguiente:

//Get height (start and end) 
var startHeight = $el.height(); 
$el.show(); 
var endHeight = $el.height(); 
$el.hide(); 

/**Do something useful with the height here**/ 
$el2.animate({height: endHeight}); 

//Slide the element down 
$el.slideDown(); 

Dado que JavaScript tiene una sola hebra, el show/hide nunca se representa.