Tengo un <div>, y dentro se muestra una <table> con datos dinamicos por medio de ajax, al presionar un boton se muestran los resultados, cada resultado es distinto osea que la <table> tiene mayor o menor numero de <tr>, esto hace que el div contenedor se agrande o achique dependiendo del resultado.
Lo que quiero lograr es que el <div> contenedor no se achique al aplicar el efecto fadeOut a la table, quiero que mantenga su Alto.
Hay algun parametro que se le pueda pasar a fadeOut para realizar esto?
Código Javascript:
Ver original
$('#seledtor').fadeOut(300, "linear")
Tampoco entendi para que sirve el parametro "linear"
EDIT: Dejo un ejemplo de lo que quiero aqui http://jsfiddle.net/truman_truman/23jAn/59/
EDIT: Logré hacerlo, en el link está la solucion, pero igualmente la dejo acá
Aquí capturo el alto actual del div y se lo asigno a si mismo
Código Javascript:
Ver original
var alto = $("#contenido").height(); $("#contenido").css("height",alto);
Codigo completo
Código Javascript:
Ver original
$(document).ready(function(){ $("#masDatos").click(function(){ var alto = $("#contenido").height(); $("#contenido").css("height",alto); //alert(alto); $("#tabla1").fadeOut(1500, "linear", function(){ $("#contenido").html('<h1> No quiero que se achique el alto</h1><br/><h1>EDIT: LO LOGRÉ, GRACIAS a TODOS</h1>'); }); }); });
Gracias a todos
Saludos
.