Animation jquery ne marche pas

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