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
    el 23 may. 2018 a las 2:32
  • ¿Puedes poner el HTML de tu página?
    – Kiko_L
    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
    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

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

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