jQuery logic for a menu drawer to slide in and slide out, if click outside of the drawer, it will slide out. (Uses CSS3 Trnsition / Classes)

drawer-click-logic.js

// When the hamburger is clicked
$("MENUICON").on("click", function() {

    // Add the show class to the menu
    $("DRAWER").addClass("show");

    // Add one event listener
    $("DRAWER").one("mouseleave", function() {

        // When the mouse leaves

        // If the menu is visible and it is clicked
        $("DRAWER").on("click", function( even ) {

            // Do nothing
            event.stopPropagation();

        } );

        // If anywhere else in the page is clicked
        $("DRAWER").one("click", function() {

            // Hide the menu
            $("DRAWER").removeClass("show");

        });

    });
});