fullpage.js：direction = up/direction = downの2つの異なるアニメーションを使用する

Question

私はfullpage.jsとanimate.cssを使用していますが、私はアニメーションをダウンさせるときに一度しか動作させることができません。逆のアニメーションや何かアニメーションを上または下に移動したいのですが。基本的に私はセクションに入るたびにアニメーションが消えて欲しいです。

私はちょっとこれで新しいですので、私は少し助けが必要です！

  //animation section1 AFTERLOAD 
      'afterLoad': function(anchorLink, index){ 
       var $AnimPage1 = $('#section1 .is-animated'); 

       if(index == 1){ 
        $AnimPage1.addClass('animated slideInDown'); 
       } 
      }, 

      //animation section ONLEAVE 
      'onLeave': function(index, nextIndex, direction){ 
       var $AnimPage1 = $('#section1 .is-animated'); 
       var $AnimPage2 = $('#section2 .is-animated'); 
       var $AnimPage3 = $('#section3 .is-animated'); 
       var $AnimPage4 = $('#section4 .is-animated'); 
       var $AnimPage5 = $('#section5 .is-animated'); 

       if (index == 1 && direction == 'down'){ 
        $AnimPage2.addClass('animated slideInUp'); 
       } 
       if (index == 2 && direction == 'down'){ 
        $AnimPage3.addClass('animated slideInUp'); 
       } 
       if (index == 3 && direction == 'down'){ 
        $AnimPage4.addClass('animated slideInUp'); 
       } 
       if (index == 4 && direction == 'down'){ 
        $AnimPage5.addClass('animated slideInUp'); 
       } 

      } 

Answer 1

あなたはanimate.css docs物事をアニメーション化する方法について、複数回チェックする必要があります：

$.fn.extend({ 
    animateCss: function (animationName) { 
     var animationEnd = 'webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend'; 
     this.addClass('animated ' + animationName).one(animationEnd, function() { 
      $(this).removeClass('animated ' + animationName); 
     }); 
    } 
}); 


$('#yourElement').animateCss('bounce'); 

を