dtwncxs3547 2019-04-14 18:19
浏览 43

如何使用slideToggle()的可能性进行砌体布局?

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 !

  • 写回答

0条回答 默认 最新

    报告相同问题?

    悬赏问题

    • ¥15 使用ue5插件narrative时如何切换关卡也保存叙事任务记录
    • ¥20 软件测试决策法疑问求解答
    • ¥15 win11 23H2删除推荐的项目,支持注册表等
    • ¥15 matlab 用yalmip搭建模型,cplex求解,线性化处理的方法
    • ¥15 qt6.6.3 基于百度云的语音识别 不会改
    • ¥15 关于#目标检测#的问题:大概就是类似后台自动检测某下架商品的库存,在他监测到该商品上架并且可以购买的瞬间点击立即购买下单
    • ¥15 神经网络怎么把隐含层变量融合到损失函数中?
    • ¥15 lingo18勾选global solver求解使用的算法
    • ¥15 全部备份安卓app数据包括密码,可以复制到另一手机上运行
    • ¥20 测距传感器数据手册i2c