iframe con height auto

[ceaped]

Buenos días
Utilizo un acordeón .jquery

Código Javascript:

<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');
    } 
          
     });
    
    jQuery('.accordionContent').mouseover(function() {
    jQuery(this).addClass('over');
        
    }).mouseout(function() {
    jQuery(this).removeClass('over');                                       
    });
    
    jQuery('.accordionContent').hide();
 
});
</script>
 

Código HTML:

<h2 class="bloque_activador" title="Nombre...">Nombre...</h2>
<div class="accordionContent">
<iframe src="index_1.html" height="auto" scrolling="no" frameborder="0"></iframe>
</div>
 
<h2 class="bloque_activador" title="Nombre...">Nombre...</h2>
<div class="accordionContent">
<iframe src="index_2.html" height="auto" scrolling="no" frameborder="0"></iframe>
</div>
 

El funciona bien pero con el height no.
Cada index.html tiene un alto distinto, entonces busco como darle un height auto

¿Alguna idea de como lo hago?

Gracias por su ayuda