cuando al darle clic al icono se despliegue el menú y al darle otra vez se oculte y si le doy clic afuera se oculta, el problema en mi código es cuando al darle clic afuera se oculta y hasta ahí bien pero si quiero darle otra vez clic al icono le tengo que dar doble clic.¿como le hago para que no tenga que darle doble clic?
var mostrar = true;
function trespuntos(){
if(mostrar==true){
document.getElementById('desplegar_menu').style.visibility="visible";
mostrar=false;
}
else
{
window.addEventListener("click", function(event){
if(event.target !=true){
document.getElementById('desplegar_menu').style.visibility="hidden"
}
},true);
document.getElementById("desplegar_menu").style.visibility="hidden";
mostrar=true;
}
}
toggle()
de jQuery, lo que te permitiría de una muy simple de mostrar y ocultar los elementos que quieras de tú HTML