Skip to content

Instantly share code, notes, and snippets.

@drocarmo
Created January 24, 2014 06:01
Show Gist options
  • Save drocarmo/8592691 to your computer and use it in GitHub Desktop.
Save drocarmo/8592691 to your computer and use it in GitHub Desktop.
A smooth mobile menu transition for multiple nav options
// Requires
// jQuery JavaScript Library v1.10.2
// &
// jQuery Easing v1.3
$("a.menu").click(function(event) {
event.preventDefault();
var icon = $(this).find(".icon-menu");
if ($(icon).is(".open")) {
$(".menu,.sub-menu").slideUp(300, "easeInQuint");
$(icon).removeClass("open");
} else {
$(".menu,.sub-menu").slideDown(300, "easeInQuint");
$(icon).addClass("open");
}
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment