demo.js 979 B

1
  1. var AnimEnd="animationend webkitAnimationEnd mozAnimationEnd MSAnimationEnd oAnimationEnd",nav=$(".nav"),navButton=$(".nav-el"),overlay=$(".overlay");$(navButton).click(function(e){if($(this).hasClass("inactive"))e.preventDefault();else{$(navButton).removeClass("inactive_reverse active_reverse"),$(nav).removeClass("fx-box_rotate fx-box_rotate_reverse"),$(overlay).removeClass("active active_reverse"),$(this).siblings().addClass("inactive"),$(this).addClass("active"),$(nav).addClass("fx-box_rotate");var a=$(this).data("id");$("#"+a).addClass("active"),$("body").addClass("noscroll")}}),$(".close").click(function(){$(".active",nav).removeClass("active").addClass("active_reverse"),$(".inactive",nav).addClass("inactive_reverse"),$(nav).addClass("fx-box_rotate_reverse"),$(this).parent().addClass("active_reverse"),$(".inactive_reverse").bind(AnimEnd,function(){$("body").removeClass("noscroll"),$(navButton).removeClass("inactive"),$(".inactive_reverse").unbind(AnimEnd)})});