Faire disparaitre une div lorsque l'on clique en dehors

ChuckN0risK
Javascript

Bonjour à tous,

J'ai un petit soucis. En gros je n'arrive pas dans un premier à faire fermer mon menu si je clique en dehors de celui ci donc grosso modo dans ma div container. Dans un second temps j'aimerais bien optimiser mon code pour n'avoir qu'une seule fonction.

Si vous pouviez venir en aide à une âme en peine ça serait génial :P

Je vous ai mis mon code sur codepen : http://codepen.io/ChucKN0risK/pen/Chtqp

2 réponses

antho07
Réponse acceptée

Bonjour

Un petit fork rapide, il y a sans doute mieux:

$(document).on('click', function(e){
    var $this = $(e.target);
    if($this.closest('#aside_menu').length == 0 && $this[0].id != "toggle"){
        $('#site_wrapper').removeClass('show-menu');
      $('#icon').removeClass('menu-active');
    }
});

cordialement

ChuckN0risK
Auteur

Merci beaucoup Antho07 ça fonctionne à merveille :)