Buenos días, perdonen mi ignorancia a lo mejor es algo muy sencillo pero no encuentro la manera de hacerlo.
Hice un slideDown para un menu y quiero que se ejecute el slideUp para que se oculte el menu cuando le das clic en cualquier parte del documento excepto en el boton que ejecuta el slideDown.
Este es el codigo html
Código:
<body>
<div class="encabezado">Codigo encabezado</div>
<div class="menus">
<div id="Menu1">Menu 1</div>
<ul id="ul_Menu1">
<li>Item1 Menu1</li>
<li>Item2 Menu1</li>
</ul>
<div id="Menu2">Menu 2</div>
<ul id="ul_Menu2">
<li>Item1 Menu2</li>
<li>Item2 Menu3</li>
</ul>
</div>
<div class="cuerpo">Codigo Resto de la página con otros efectos</div>
</body>
Este es el codigo jquery
Código:
$(document).ready(function(){
$(".menu div").click(function(){
var id = $(this).attr("id");
$("#ul_"+id).slideToggle('medium');
});
//codigo para ocultar el slideToggle pulsando en cualquier parte de la pagina excepto en la etiqueta de Menus
});