Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
$(function() { const $nav = $("#mobile-nav"); const $overlay = $("<div>").addClass("nav-overlay").hide().appendTo("body"); $("#hamburger").on("click", function() { $nav.toggleClass("open"); $overlay.toggle(); $(this).attr("aria-expanded", $nav.hasClass("open")); }); $overlay.on("click", () => { $nav.removeClass("open"); $overlay.hide(); }); // Close on escape $(document).on("keydown", e => { if (e.key === "Escape") { $nav.removeClass("open"); $overlay.hide(); } }); });
Result
Open