I'm trying to make a masonry layout on a wordpress website. I would like to have a layout with 3 columns with the possibility to increase the height of an item by clicking in a button. When I click on "+", I would like to slideDown a div with some text inside it. And if possible, on click on "-", slideUp the div.
I tried Masonry, Freewall, Packery, Isotope, Magic Grid...I tried with multi column and Flex and it's not perfect... For example, when I slideDown the div, sometime the item is changing column. I just would like to "push" the column toward the bottom...
<div id="liste-experiences" class="row">
<?php while ( have_rows('experiences') ) : the_row();?>
<div class="bloc-experience col-xl-4 col-lg-6 col-md-6 wow fadeInUp">
<div class="contenu-bloc">
<img class="visuel" src="<?php print get_sub_field('visuel')['sizes']['515xauto'];?>" />
<h2> <?php the_sub_field('titre');?></h2>
<div class="resume">
<?php print the_sub_field('resume');?>
</div>
</div>
</div>
<?php endwhile;?>
</div>
Thank you !