Hola a todos, espero que estén bien.
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 originalvar 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
.