function onScrollInit( items, trigger ) { items.each( function() { var osElement = $(this), osAnimationClass = osElement.attr('data-animation'); var osTrigger = ( trigger ) ? trigger : osElement; osElement.removeClass(osAnimationClass).css("visibility","hidden"); osTrigger.waypoint(function(direction) { if(direction=='down'){ osElement.addClass(osAnimationClass).css("visibility","visible"); }else{ osElement.removeClass(osAnimationClass).css("visibility","hidden"); } },{ triggerOnce: true, offset: '100%' }); }); } onScrollInit( $('.scroll_response') );