Hi, I combined a slider with the repeater fields.
under the repeater I have 2 subfields. one called “image” and the other “title”
this slider has a class called “selected-item” that dynamically appear when an image is selected. (when this class is on an image the image change it’s size).
How can I define that when the class “selected-item” is on some image also the “title” form the same row of the image will appear?
I suggest adding the title via PHP and then hiding it with CSS and then when the div has class ‘selected-item’ display the title.
<div class='slider-item'>
<?php the_sub_field('image'); ?>
<?php if(get_sub_field('title')){ ?>
<div class='title'><?php the_sub_field('title'); ?></div>
<?php } ?>
</div>
Than in the css you can have
.slider-item .title{display:none;}
.item-selected .title{display:block;}
Or something along those lines. Hope this helps.
