Animation jquery ne marche pas

tipi75 Messages postés 680 Date d'inscription   Statut Membre Dernière intervention   -  
monkey_monk Messages postés 641 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,


voici le script:

<script>
$(document).ready(function()
{
$("menu").show("slow");
});

</script>


Partie html:

<TABLE BORDER="0" align= "center">

<div id="menu"><HR WIDTH="57%" size="1px" color="white" style="display: none;"></div>
<div id="menu"><HR WIDTH="57%" size="1px" color="white" style="display: none;"></div>
<TR>
<th><div id="menu"><a href = "collections.php"><font color="white" face="taohma" size="3pt" style="display: none;" >      Collections       </a></div></th>
<th><div id="menu"><a href="actualites.php"><font color="white" face="taohma" size="3" style="display: none;" >Actualités       </a></div></th>
<th><div id="menu"><a href="pointdevente.php"><font color="white" face="taohma" size="3" style="display: none;" >Point de ventes       </a></div></th>
<th><div id="menu"><a href="histoire.php"><font color="white" face="taohma" size="3" style="display: none;" >Histoire       </a></div></th>
<th><div id="menu"><a href="presse.php"><font color="white" face="taohma" size="3" style="display: none;" >Presse       </a></div></th>
<th><div id="menu"><a href="archives.php"><font color="white" face="taohma" size="3" style="display: none;" >Archives       </a></div></th>
<th><div id="menu"><a href="ventenligne.php"><font color="white" face="taohma" size="3" style="display: none;" >Vente en ligne       </a></div></th>
<th><div id="menu"><a href="public/ChoixBijouxPublic.php"><font color="white" face="taohma" size="3" style="display: none;" >Recherche       </a></div></th>
<th><div id="menu"><a href="contact01.php"><font color="white" face="taohma" size="3" style="display: none;" >Contact       </font></a></div></th>

</TR>


</table>
<div id="menu"><HR WIDTH="62%" size="6px" color="white" style="display: none;"></div>



</body>

</html>


Je ne vois pas pourquoi cela ne marche pas.


Merci d'avance
A voir également:

3 réponses

monkey_monk Messages postés 641 Date d'inscription   Statut Membre Dernière intervention   131
 
Tu as oublié de préciser s'il s'agit d'un id ou d'une classe... tu dois simplement mettre #menu au lieu de menu dans ton script.


>>> $("#menu").show("slow");

C'est un sélecteur css...



Ceci dit, je ne sais pas si ça fonctionnera avec tous les id que tu as mis !
Contente-toi d'un <table id="menu"> ou place un div englobant le tout !
0
avion-f16 Messages postés 19255 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
Ehh ... le code n'est pas valide XHTML : un ID ne peut être présent que une seule fois par page ! Utilise plutôt class="menu" et dans ton JQuery : $('.menu').show('slow');
0
monkey_monk Messages postés 641 Date d'inscription   Statut Membre Dernière intervention   131
 
Oulah, c'est vrai qu'après avoir vu ton code... je ne comprends pas l'utilisation que tu fais de tes balises.
Des balises font, des style inline, des div dans un table... il faudrait que tu clean un peu tout ça histoire de pas tuer les lapins de sybérie (*private joke*).

(On dirait un codage pour un mailing... ou un ordi à vapeur... mais dans ce cas, pas de js... ^^' alors c'est quoi ?)

Courage ! :D
-1