off-canvas css jquery

Bonjour à tous :D

Je débute avec jquery et j'essaie de développer un off-canvas.
je ne sais pas si mon code est correcte mais j'ai un petit soucis avec une fonction.

Démo ici

Code:

---

1 2 3 4 5 6

$('body').click(function (e) { if (toggle == true && isOpen == true) { btnPanel.removeClass('action'); closeMenu(); } });

---

Merci de m'aider.

ton selecteur 'body' n'est pas correct car lorsque tu va clicker sur ton bouton, faisant lui aussi du body, tu va appeler ta fonction close donc rien ne va se passer comme tu le souhaite. Ce qu'il faut c'est utiliser le "not" de jQuery te permettant de faire une action lorsque tu click quelque part sauf si tu click sur ton bouton.