Ciao a tutti, il mio problema è il seguente...

Ho uno script js che attiva/disattiva la visualizzazione di n div nella mia pagina.

Tutto funziona alla perfezione, ma al caricamento della pagina prima vengono visualizzati tutti i div e dopo qualche secondo scompaiono.

Sarete daccordo con me che l'effetto visivo è bruttissimo.

Io vorrei che al caricamento della pagina, venisse eseguito subito lo script che mi rende hidden i div.

Questo il codice

codice:
<head>
...
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
		<script type="text/javascript" src="js/animatedcollapse.js"></script>

		<script type="text/javascript">
			animatedcollapse.addDiv('cat1','fade=1,speed=400,group=categories,hide=1')
			animatedcollapse.addDiv('cat2','fade=1,speed=400,group=categories,persist=1,hide=1')
			animatedcollapse.addDiv('cat3','fade=1,speed=400,group=categories,hide=1')
			
			animatedcollapse.ontoggle=function($, divobj, state){}
			animatedcollapse.init()
		</script>

</head>

<body>
...
	<table>
		<tr>
			<td>
				[img]img/nuvola 0-1.png[/img]
			</td>
			<td>
				[img]img/nuvola 2-4.png[/img]
			</td>
			<td>
				[img]img/nuvola 5-7.png[/img]
			</td>
		</tr>
		<tr>
			<td colspan="3">
				
				<div id="cat1" style="width: 400px; background: #BDF381;">
					<h3>Categorie per fascia di età da 0 a 1 anno</h3>
					<ul>
						[*]<a href "#" rel="toggle[cat1_sez1]">Giochi</a>
					[/list]
				</div>
				<div id="cat2" style="width: 400px; background: #BDF381;">
					<h3>Categorie per fascia di età da 2 a 4 anni</h3>
					<ul>
						[*]<a href "#" rel="toggle[cat2_sez1]">Giochi</a>
					[/list]
				</div>
				<div id="cat3" style="width: 400px; background: #BDF381;">
					<h3>Categorie per fascia di età da 5 a 7 anni</h3>
					<ul>
						[*]<a href "#" rel="toggle[cat3_sez1]">Giochi</a>
					[/list]
				</div>
				
			</td>
		</tr>
	</table>
...
</body>
E' possibile risolvere?

Grazie