Есть 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>
