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
E' possibile risolvere?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>
Grazie
Rispondi quotando
