0

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;
     }
}
3
  • Bienvenido a Stack Overflow en español, te sugiero completar el recorrido de bienvenida para que te familiarices con el funcionamiento del lugar y de paso ganar tu primera medalla. También puedes revisar la sección de Cómo preguntar para que tus preguntas sean bien recibidas por la comunidad y obtengas respuestas de calidad.
    – user22721
    Commented el 23 may. 2018 a las 2:32
  • ¿Puedes poner el HTML de tu página?
    – Kiko_L
    Commented el 23 may. 2018 a las 6:12
  • Podrías utilizar el método toggle() de jQuery, lo que te permitiría de una muy simple de mostrar y ocultar los elementos que quieras de tú HTML
    – DevMind
    Commented el 23 may. 2018 a las 6:50

1 respuesta 1

1

Prueba esto:

var mostrar = true;

function trespuntos(){
    if(mostrar==true){
        document.getElementById('desplegar_menu').style.visibility="visible";
        mostrar=false;
    }
    else
   {
        document.getElementById("desplegar_menu").style.visibility="hidden";
        mostrar=true;
   }
}

window.addEventListener("click", function(event){
   if(event.target !=true){
      document.getElementById('desplegar_menu').style.visibility="hidden"
      mostrar = true;
    }
},true);

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.