slick слайдер и анимация
 

Есть slick слайдер. Нужно для каждого активного слайда скрыть блок с текстом. И чтоб это было только когда пользователь доскролит до блока с слайдером. Получается на jq сделать только для первого слайда, для остальных скрипт не срабатывает.

<script>
		jQuery(document).ready(function() {
			var element_point = jQuery('.slider-block').offset().top;
			var element_animated = false;
			var animate_delay = 0;
			jQuery(window).scroll(function() {
				if (!element_animated && jQuery(window).scrollTop() + window.innerHeight > element_point + animate_delay) {
					element_animated = true;
			
  jQuery('.slider-block').each(function(){
   if (jQuery(this).hasClass("slick-active")){
      jQuery('.slick-active .text-fm-fon').css({"animation": "opacity_ 5s 1 both"});
    }
  });
				}
			});
		});
	</script>

<div id="slider-family" class="container-fluid slider-height">
		<div class="row banner-fm-fon">
			<div class="col-lg-12 polya-family slider family">

				<?php if( have_rows('galereya') ):
					while ( have_rows('galereya') ) : the_row(); ?>
						<div class="slider-block">

							<img src="<?php the_sub_field('img_banner_text'); ?>">
							<div class="container slider-block">
								<div class="text-fm text-fm-fon">

									
									<span><p class="title-fm-family"><?php echo the_sub_field('title_banner_text') ?></p><p class="text-fm-family">
										<?php the_sub_field('text_banner_text'); ?></p></span>
									</div>
								</div>
							</div>

						<?php endwhile;
					else :

					endif; ?>

				</div>
			</div>
		</div>