Funcion con jquery , efecto se repite no se por que

[fr1974]

Tengo el siguiente código que he creado

<script src="http://code.jquery.com/jquery-1.4.2.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

<script>
function menu(id)
{

$(document).ready(function(){
$("#titulo_menu"+id).click(function(){
$("#body_menu"+id).hide("clip", { direction: "horizontal" }, 1000);
});

return false;
});

}
</script>

<style>

#container
{
position:relative;
width:200px;
height:auto;
}

#titulo_menu
{
width:200px;
height:40px;
position:relative;
margin:auto;
border:1px solid #000;
background-color:#ff0000;
cursor:hand;
cursor:pointer;
}

#body_menu
{
width:200px;
height:350px;
position:relative;
margin:auto;
border:1px solid #000;
background-color:#ff4534;
}

#titulo_menu2
{
width:200px;
height:40px;
position:relative;
margin:auto;
border:1px solid #000;
background-color:#ff0000;
}

#body_menu2
{
width:200px;
height:350px;
position:relative;
margin:auto;
border:1px solid #000;
background-color:#ff4534;
}
</style>

<div id="container">

<div Onclick="javascript:menu('')" id="titulo_menu">sssssssssss</div>
<br><br>
<div id="body_menu">sssssssssss</div>

<br><br>

<div Onclick="javascript:menu('2')" id="titulo_menu2">sssssssssss</div>
<br><br>
<div id="body_menu2">sssssssssss</div>

</div>

El tema es que en cada click no se ejecuta al momento la funcion y despues que al dar click la segunda vez se ejecuta ese slide pero se repite dos veces , no se que se me puede estar escapando , un saludo y muchas gracias

[Dany_s]

y porque cuando haces click Onclick=javascript:menu('') se ejecuta tu función y ahí enlazas otro evento con jquery $("#titulo_menu"+id).click(function(){

cuando hagas 5 clicks se va a ejecutar el slide 5 veces

te deberia quedar asi

Código HTML:

<script>
   $(document).ready(function(){
      $('#menu').click(function(){
         $("#body_menu"+id).hide("clip", { direction: "horizontal" }, 1000);
      });
   });
</script>
 

y tus div

Código HTML:

<div id=menu>
   <div>sssssssssss</div>
   <div>sssssssssss</div>
   <div>sssssssssss</div>
</div>
 

si tenes asignado un evento click con jquery no hace falta tener un onclick en el elemento