title: Jquery Waypoints offset
body: <p>I'm trying to figure out how i can make the div to slide out and slide in back when the offset is met using jQuery waypoint, I'm also using dan eden CSS animation. This is the code i have made but the problem is when i scroll back up the div won't slide In back even though i set the offset to 100%</p>
  
  <p><strong>JAVASCRIPT</strong></p>
  
  <pre><code>$(".slide_copy1").waypoint(function(){
      $(this).addClass(" slideInLeft").removeClass("slideOutRight");      
  },{offset:'100%'})
  
  $(".slide_copy1").waypoint(function(){
      $(this).addClass("slideOutRight").removeClass("slideInLeft");       
  },{offset:'0%'})
  </code></pre>
  
  <p>UPDATED POST -</p>
  
  <pre><code>$(".slide_copy1").waypoint(function(){
      $(this).addClass(" slideInLeft").removeClass("slideOutRight");
  },{offset: '100%' function(){
      $(this).addClass("slideOutRight").removeClass("slideInLeft");   
  }})
  </code></pre>