Hola a todos espero que me puedan dar una mano con esto porque estoy estancado.
tengo una funcion que le cambia el tamaño a un div, esta funcion funciona perfectamente en la pagina de origen, pero al cargarla con .load() en otra pagina deja de funcionar
Código:
function animar() {
$('#dvanterior').toggle(1000, function(){
$('#anterior').toggleClass('activo');});
$('#dvposterior').toggle(1000, function(){
$('#posterior').toggleClass('activo'); $("#contenido").toggleClass('contpequestandar');});
#dvposterior tiene un alto inferior(2000px) que #dvanterior(3000px) asi toggleo la clase .contpequestandar de #contenido, que lo comprende todo, para que se adapte al nuevo alto de su interior.
Esto funciona del lujo en la pagina de origen(pagina2.html)
Pero al cargarlo en la pagina de llamada (index.hml), que tiene un div tambien llamado #contenido donde cargo asi:
Código:
function relleno(elemento){
$('#contenido').hide();
$('#contenido').show();
$('#contenido').load(elemento+' #contenido');}
al llamar a animar() ya no cambia el alto de #contenido.
La cosa es que firebug detecta el cambio de clase pero no se ve el cambio como en pagina2.html
#contenido de index tiene style="height:400px"; y #contenido de pagina2.html tiene style=height:3000px
al hacer el load el #contenido de index cambia tamaño a 3000px; pero al llamar a animar() no cambia su tamaño a 2000px como hace en pagina2.html. sera porque los divs se llaman igual? no creo
la cosa es que no puedo quitarle el height inicial a #contenido porque tiene otros 3 divs al 100% de alto, 2 sombras png a los lados y uno central donde va el texto, entonces por eso cambio el height por js
Gracias.