Error javascript

[raherlo]

Buenas forer@s

Recien he empezado en esto de las webs, y he encontrado googleando un menu desplegable de 2 niveles q me gustaba, con jquery. Lo puse en mi proyecto pero me da un error de sintaxis en una linea.

Si lo ejecuto no me desplega nada, sólo se ve a primer nivel, o sea que la funciona en jquery no me funciona.

el contenido es este:

<script type="text/javascript" charset="utf-8">
$(function(){
$('#menu li a').click(function(event){
var elem = $(this).next();
if(elem.is('ul')){
event.preventDefault();
$('#menu ul:visible').not(elem).slideUp();
elem.slideToggle();
}
}); /*AQUI ME DA EL ERROR*/
});
</script>


Y aqui la hoja de estilo:

#menu{
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-webkit-box-shadow:1px 1px 3px #888;
-moz-box-shadow:1px 1px 3px #888;
}
#menu li{border-bottom:1px solid #FFF;}
#menu ul li, #menu li:last-child{border:none}
a{
display:block;
color:#FFF;
text-decoration:none;
font-family:'Helvetica', Arial, sans-serif;
font-size:13px;
padding:3px 5px;
text-shadow:1px 1px 1px #325179;
}
#menu a:hover{
color:#F9B855;
-webkit-transition: color 0.2s linear;
}
#menu ul a{background-color:#6594D1;}
#menu ul a:hover{
background-color:#FFF;
color:#2961A9;
text-shadow:none;
-webkit-transition: color, background-color 0.2s linear;
}
ul{
display:block;
background-color:#2961A9;
margin:0;
padding:0;
width:130px;
list-style:none;
}
#menu ul{background-color:#6594D1;}
#menu li ul {display:none;}



Y la referencia desde html:
<link href="css/menu_lateral.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery.menu.js"></script>


Porqué me da el fallo y no se me desplega nada?????????
Gracias por la ayuda