$(window).load(function() { $('.navwap-trigger .btn').on('click tap', function() { $(this).toggleclass('animated'); }); }); //导航 $(function() { $(".navwap-trigger").click(function() { if($(".navwap-block").is(":hidden")) { $(".navwap-mask").show(); $(".mainbox").stop(true, true).animate({ "left": '180px' }, 300); $(".navwap-block").css("display", "block"); $(".navwap-block .box").stop(true, true).animate({ "left": 0 }, 300); $(".navwap-block .box").addclass('show'); } else { $(".navwap-mask").hide(); $(".mainbox").stop(true, true).animate({ "left": 0 }, 300); $(".navwap-block .box").stop(true, true).animate({ "left": '-180px' }, 300, function() { $(".navwap-block").css("display", "none"); $(".navwap-block .box").removeclass('show'); }); } }); $('.navwap-mask').click(function() { $(".mainbox").stop(true, true).animate({ "left": 0 }, 300); $(".navwap-block .box").stop(true, true).animate({ "left": '-180px' }, 300, function() { $(".navwap-block").css("display", "none"); $(".navwap-block .box").removeclass('show'); }); $(this).hide(); }) })