Ciao a tutti, sono un neofita di jquery e sto facendo delle prove per uno script che mi servirebbe per il mio forum/sito. Ho realizzato un file html in cui è presente una tabella con una riga e 3 colonne (una sorta di menu orizzontale).

Cliccando su ogni colonna si rende visibile un <div> diverso e se è aperto per esempio il secondo cliccando sulla prima colonna si chiude il secondo e si apre il primo.Fin qui tutto ok, funziona alla grande.

Ora dovrei mettere questa pagina nel mio forum tramite iframe ma vorrei che quando, le tendine ossia i <div> son tutti chiusi il mio iframe si ridotto alla sola altezza del menu per esempio 40px mentre sia al 100% quando uno dei div è "visibile".

Quindi pensavo di associare una classe all'iframe in cui do come altezza 40px e ne aggiungo un' altra tramite jquery quando uno dei div è aperto.
Qualcuno saprebbe aiutarmi in merito?
RETTIFICO
Questo cambio di classe mi servirebbe in Javascript puro perchè il forum son supporta le librerie JQuery!
Se può servire metto il codice della pagina che voglio inserire nell'iframe
Codice html
codice:
   
<table id="menu" width="100%" cellpadding="0" cellspacing="0" border="0">
       <tr>
	   <td id="S1" class="sch1" align="center"><a>Link1</a></td>
	   <td id="S2" class="sch2"align="center"><a>Link2</a></td>
	   <td id="S3" class="sch3"align="center"><a>Link3</a></td>
       </tr>
</table>
        <div id="Schedona1">Link1</div>
         <div id="Schedona2">Link2</div>
	 <div id="Schedona3">Link3</div>
Codice:JQuery
codice:
$(document).ready(function(){ $("#S1").click(
       function () 
	   { 
	   var isAlreadyActive1 = $(this).hasClass("sch1att"); 
	  $("#Schedona1").slideToggle("slow");$("#Schedona2").hide();$("#Schedona3").hide();
	  $(".sch1att").removeClass("sch1att"); 
	 
	   if (!isAlreadyActive1) 
	   { 
	   
	   $(this).addClass("sch1att"); 
	   $(".sch2att").removeClass("sch2att"); 
		 $(".sch3att").removeClass("sch3att"); 
	   } 
	  
	   })
	   ,

	   $("#S2").click(function () 
	   { 
	 
	    var isAlreadyActive2 = $(this).hasClass("sch2att"); 
	  
	
	  $(".sch2att").removeClass("sch2att"); 
	   if (!isAlreadyActive2) 
	   { 
	  
	   $(this).addClass("sch2att"); 
	    $(".sch1att").removeClass("sch1att"); 
		 $(".sch3att").removeClass("sch3att"); 
	   } $("#Schedona2").slideToggle("slow");  $("#Schedona1").hide();$("#Schedona3").hide();
	  
	   })
	   ,
	   $("#S3").click(function () 
	   { 
	 
	    var isAlreadyActive3 = $(this).hasClass("sch3att"); 
	  
	
	  $(".sch3att").removeClass("sch3att"); 
	   if (!isAlreadyActive3) 
	   { 
	  
	   $(this).addClass("sch3att"); 
	    $(".sch1att").removeClass("sch1att"); 
		$(".sch2att").removeClass("sch2att");
	   } $("#Schedona3").slideToggle("slow");  $("#Schedona1").hide(); $("#Schedona2").hide();
	  
	   });  
});