Hola PHPeros
Mira te pongo exactamente en donde lo utilizo
Código Javascript
:
Ver original<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('.bloque_activador').click(function() {
jQuery('.bloque_activador').removeClass('on');
jQuery('.accordionContent').slideUp('normal');
if(jQuery(this).next().is(':hidden') == true) {
jQuery(this).addClass('on');
jQuery(this).next().slideDown('normal');
}
//Alto auto del iframe
var lastHeight = 0, curHeight = 0, jQueryframe = jQuery('iframe'),
curHeight = jQueryframe.contents().find('body').height();
if ( curHeight != lastHeight ) {
jQueryframe.css('height', (lastHeight = curHeight) + 'px' );
}
//Fin Alto auto del iframe
});
jQuery('.accordionContent').mouseover(function() {
jQuery(this).addClass('over');
}).mouseout(function() {
jQuery(this).removeClass('over');
});
jQuery('.accordionContent').hide();
});
</script>
Código HTML:
Ver original<h2 class="bloque_activador">Texto...
</h2> <div class="accordionContent" > <iframe src="pagina_01.html" scrolling="no" frameborder="0"></iframe>
<h2 class="bloque_activador">Texto...
</h2> <div class="accordionContent" > <iframe src="pagina_02.html" scrolling="no" frameborder="0"></iframe>
pagina_01.html y pagina_02.html tienen un alto distinto.
Me funciona pero si presiono primero pagina_01.html si presiono primero pagina_02.html NO
Gracias por toda tu ayuda