¿Modificar la función mostrar/ocultar para escalar solo el ancho, no el alto?

Question

Como el título lo indica, estoy usando las funciones show y hide de jQuery para ocultar y mostrar elementos. Sin embargo, no quiero escalar en la altura del elemento, solo el ancho.

Estaba pensando en utilizar la función animada, pero no estaba seguro de si era la mejor manera de hacerlo.

Además, preferiría no tener que establecer la altura en el javascript, ya que podría cambiar en el marcado.

Idealmente, lo que me gustaría que ocurra es que cuando se llama a la función para ocultar un elemento, el ancho del objeto va desde su ancho original a 0 y su alfa cae a 0, entonces ocurriría lo contrario cuando le digo que se muestre.

Answer 1

¿Quieres ser el uso de la función animado:

$("div.myElement").animate({width: "toggle"}); 

El espectáculo que anima y ocultar los métodos son en su mayoría los métodos de tocador que muestran una animación bastante. En general, querrá personalizar el efecto. También puede probar:

$("div.myElement").animate({width: "toggle", opacity: "toggle"}); 

para un bonito efecto de ensanchar y desvanecer. Y si usted se encuentra el uso de estas animaciones una y otra vez, se puede envolver en un nuevo método de jQuery:

$.fn.myShow = function(duration) { 
    return this.animate({width: "toggle", opacity: "toggle"}, duration || 1000); 
}); 

$("div.myElement").myShow("slow");