Encontré un codigo para hacer un menu desplegable y me funciona perfecto cuando uso un solo menú por pagina, pero si quiero poner dos o más menus usando el mismo codigo da el detalle que cuando clickeo en un menu se abren el resto de los menus, quiero evitar que me salga eso... ¿me echan una mano?
Dejo el codigo...
Código PHP:
$(document).ready(function()
{
$(".socialshare").click(function()
{
var X=$(this).attr('id');
if(X==1)
{
$(".submenu").hide();
$(this).attr('id', '0');
}
else {
$(".submenu").show();
$(this).attr('id', '1');
}
});
//Mouse click on sub menu
$(".submenu").mouseup(function()
{
return false
});
//Mouse click on my account link
$(".socialshare").mouseup(function()
{
return false
});
//Document Click
$(document).mouseup(function()
{
$(".submenu").hide();
$(".socialshare").attr('id', '');
});
});
Código HTML:
<div class="dropdown">
<a class="socialshare">Share</a>
<div class="submenu">
<ul class="root">
<li ><a href="#Dashboard">Google+</a></li>
<li ><a href="#Profile">Piterest</a></li>
<li ><a href="#settings">Email</a></li>
</ul>
</div>
</div>