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:
#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.function animar() { $('#dvanterior').toggle(1000, function(){ $('#anterior').toggleClass('activo');}); $('#dvposterior').toggle(1000, function(){ $('#posterior').toggleClass('activo'); $("#contenido").toggleClass('contpequestandar');});
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:
al llamar a animar() ya no cambia el alto de #contenido.function relleno(elemento){ $('#contenido').hide(); $('#contenido').show(); $('#contenido').load(elemento+' #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.