Ocultar div haciendo click en cualquier parte de la página

publicado por: Anonymous

tengo un div que lo muestro y oculto con la función toggle().
Quisiera que una vez desplegado haciendo click en cualquier parte de la página se oculte de nuevo sin tener que hacer click en ese div otra vez.

Muchas gracias.

function inicio(){
$("#idioma-nav").click(desplegarMenuIdioma);    

}

function desplegarMenuIdioma(){
$("#menu-idioma-nav").toggle();

}

solución

Buenas amigo espero esto sea lo que buscas

te dejo el CodePen por si quieres editarlo o verlo mejor

Codepen

Bueno la idea principal es cuando se abre el modal agregarle una clase al body y cuando se ejecute el evento click quitársela

_x000D_

_x000D_

$(document).on("click",".cerrarModal",function(){_x000D_
  $(".modal").fadeOut();_x000D_
  $(".cerrarModal").attr("class","")  _x000D_
})_x000D_
_x000D_
$("#abrirmodal").click(function(){_x000D_
  $(".modal").fadeIn();_x000D_
  setTimeout(function () {_x000D_
    $("body").addClass("cerrarModal");_x000D_
  }, 10);_x000D_
  })

_x000D_

body{_x000D_
  height: 100vh;_x000D_
  background: rgb(50, 34, 68);_x000D_
}_x000D_
.modal {_x000D_
  padding: 30px;_x000D_
  background: rgb(85, 156, 1);_x000D_
  display:none;_x000D_
}

_x000D_

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>_x000D_
_x000D_
<button id="abrirmodal" type="button" name="button">Abrir modal</button>_x000D_
_x000D_
<div class="modal">_x000D_
  hola modal_x000D_
</div>

_x000D_

_x000D_

_x000D_

Respondido por: Anonymous

Leave a Reply

Your email address will not be published. Required fields are marked *