Анимация на gsap, как сделать чтобы элементов не появлялись , до того как нажму на кнопку?

Есть анимация на gsap по которой контент на последнем экране должен появится только после нажатия на кнопку, но элементы висят все время на экране, после нажатия на кнопку выполняются, то есть становятся opacity :0 и переходят к opacity :1. Вопрос как сделать так чтобы элементы проявились только после нажатия на кнопку?

код : когда я нажимаю на кнопку

  $('.btn-next').on('click', function() {
  var tl1 = gsap.timeline();

 
  tl1.to(".but-1", 1, {opacity:0})
  tl1.to(".but-2", 1, {opacity:0})
  tl1.to(".but-3", 1, {opacity:0})
  tl1.to(".but-4", 1, {opacity:0})
  tl1.to(".call-us-last", 1, {opacity:0})
  tl1.to(".definitely", 1, {opacity:0})
  tl1.to(".btn-next", 1, {opacity:0})
  tl1.to(".call-us-txt", 1, {opacity:0})
 
tl1.from(".logo", {y:-200,duration:1.5, alpha:0,color:"#333333",filter: "blur(8px)"})
tl1.from(".accordion-wrapper", {y:-200,duration:1.5, alpha:0,color:"#333333",filter: "blur(8px)"})
tl1.from(".form", {y:-200,duration:1.5, alpha:0,color:"#333333",filter: "blur(8px)"})
tl1.from(".logo-partners__wrappper", {y:-200,duration:1.5, alpha:0,color:"#333333",filter: "blur(8px)"})

});

ссылка : https://caestdev.000webhostapp.com/