Tengo el siguiente código que he creado
Cita:
<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
