// On Click $(".content_link").on("click",function (e) { e.preventDefault(); $(".content_link").css("pointer-events","none"); nextPageLink2 = $(this).attr("href"); setTimeout(function() { //Ajax $.ajax({ url: nextPageLink2, success: function (response) { let element = $(response).find(".wrapper").addClass("second"); $(".main").append(element); }, complete: function () { pageTransition2(); } }); }, 400); }); function pageTransition2() { $(".wrapper").css({overflow: "hidden"}); //GSAP let tl=gsap.timeline({ onComplete : updatePage2 }); tl.from(".wrapper.second", { y: "110vh", delay: 0.2, duration: 0.8, ease: "power2.out" }); tl.to(".overlay", { opacity: 1, duration: 0.3, ease: "power1.out" }, 0 ); tl.to(".wrapper.first", { scale: 0.95, duration: 0.3, ease: "power1.out" }, 0 ); tl.to(".menu_wrap", { y: "10vh", delay: .2, duration: 1, ease: "power2.out" }, 0 ); } function updatePage2() { window.location = nextPageLink2; }