Js Waypoint + анимация со смещением

Question

У меня проблема с моей JS.

Я использую waypoint + animate.css, и когда я пишу свой скрипт, этот скрипт разбил весь скрипт.

Вот HTML код:

<div id="elementanime1" class="col-sm-4 center"> 
    <div class="cercle-droite circle jaune-transparent"> 
     <div class="circle-inner"> 
      <div class="score-text"> 
       <h3 class="sous-titre-section-clair trait-s-t-clair">Events<br/>et congrès</h3> 
       <a class="bouton-jaune" id="show-events-congres"><i class="fa fa-plus-circle"></i> En savoir plus</a> 
      </div> 
     </div> 
    </div> 
</div><code> 

Js:

(function($){ 
    $(document).ready(function(){ 

     // hide our element on page load 
     $('#elementanime1').addClass('fade'); 

     $('#elementanime1').waypoint(function() { 
      $('#elementanime1').addClass('fadeInLeft'); 
     }, { offset: '50%' }); 

}})(jQuery); 

Сайт ссылка www.pier17.fr/la-fonderie

Можете ли вы помочь мне, пожалуйста?

Answer 1

Вы просто забыли закрытую скобку в конце document.ready

(function($){ 
    $(document).ready(function(){ 

     // hide our element on page load 
     $('#elementanime1').addClass('fade'); 

     $('#elementanime1').waypoint(function() { 
      $('#elementanime1').addClass('fadeInLeft'); 
     }, { offset: '50%' }); 

    }); 
})(jQuery);