使用GSAP的Fullpage.js - 回调afterLoad动画

Question

我正在尝试使用GSAP向fullpage.js添加一些动画，并对afterLoad函数有疑问。这是我的代码（包括codepen链接）

$("#wrapper").fullpage({
  verticalCentered:true,
  scrollingSpeed: 1000,

  sectionSelector: "section",

  afterLoad: function(anchorLink, index) {
    var loadedSection = $(this);

    if (index == 2) {
      TweenMax.from(".second h1", 1, {opacity:0, left:"-20px"});
    }
  }
});

我想要做的是，使用afterLoad函数为当前部分的元素（fadeIn / slideIn）设置动画。我的codepen链接是here。

我能够成功地做到这一点（请参阅笔的第二部分，你会看到它淡入），但问题是它不是从动画开始的。它在动画开始之前有一段延迟，因此在延迟期间，需要隐藏元素（不确定如何执行此操作，我尝试了可见性：隐藏起步，它没有工作）。

我能够使用onLeave实现相同的功能（但从第2部分开始）。

期待！干杯！

更新

我设法搞清楚了。感谢Alvaro的快速回复。这是更新后的代码：

$("#wrapper").fullpage({
  verticalCentered:true,
  scrollingSpeed: 1000,

  sectionSelector: "section",

  afterLoad: function(anchorLink, index) {
    var loadedSection = $(this);

    if (index == 1) {
      $(".second h1").hide();
    }

    if (index == 2) {
      $(".second h1").show();
      TweenMax.from(".second h1", 1, {opacity:0, left:"-20px", delay:0.5});
    }
  }
});