admin管理员组

文章数量:1130349

<div class="container">
        <?php if( have_rows('director_information') ): ?>
        <div id="accordion" role="tablist">

            <div class="row">
                <?php $i=1; while ( have_rows('director_information') ) : the_row(); ?>
                <div class="col-sm-4">

                    <div class="card d-flex align-items-center">
                        <div class="card-header" role="tab" id="heading-<?php echo $i; ?>">

                                <button class="btn btn-link px-5 py-4" type="button" data-toggle="collapse" data-target="#collapse-<?php echo $i; ?>" aria-expanded="true" aria-controls="collapse-<?php echo $i; ?>">
                                    <?php if( get_field('director_image') ): ?>
                                        <img src="<?php the_field('director_image'); ?>" />
                                    <?php endif; ?>
                                    <p class="pt-3 mb-1 font-weight-bold"><?php the_sub_field('director_name'); ?></p>
                                    <small><?php the_sub_field('director_designation'); ?></small>
                                </button>

                        </div> 
                    </div>
                </div>
                <div id="collapse-<?php echo $i; ?>" class="col-md-12 collapse <?php if ($i==1) { echo 'show'; } ?>" role="tabpanel" data-parent="#accordion" aria-labelledby="heading-<?php echo $i; ?>">
                    <?php the_sub_field('director_details'); ?>
                </div>
                <?php $i++; endwhile; ?>            
            </div>

            </div>          
        <?php endif; ?>
    </div>

<div class="container">
        <?php if( have_rows('director_information') ): ?>
        <div id="accordion" role="tablist">

            <div class="row">
                <?php $i=1; while ( have_rows('director_information') ) : the_row(); ?>
                <div class="col-sm-4">

                    <div class="card d-flex align-items-center">
                        <div class="card-header" role="tab" id="heading-<?php echo $i; ?>">

                                <button class="btn btn-link px-5 py-4" type="button" data-toggle="collapse" data-target="#collapse-<?php echo $i; ?>" aria-expanded="true" aria-controls="collapse-<?php echo $i; ?>">
                                    <?php if( get_field('director_image') ): ?>
                                        <img src="<?php the_field('director_image'); ?>" />
                                    <?php endif; ?>
                                    <p class="pt-3 mb-1 font-weight-bold"><?php the_sub_field('director_name'); ?></p>
                                    <small><?php the_sub_field('director_designation'); ?></small>
                                </button>

                        </div> 
                    </div>
                </div>
                <div id="collapse-<?php echo $i; ?>" class="col-md-12 collapse <?php if ($i==1) { echo 'show'; } ?>" role="tabpanel" data-parent="#accordion" aria-labelledby="heading-<?php echo $i; ?>">
                    <?php the_sub_field('director_details'); ?>
                </div>
                <?php $i++; endwhile; ?>            
            </div>

            </div>          
        <?php endif; ?>
    </div>

本文标签： phpAccordion headings cuts off to second line on collapsing a accordion heading (used acf repeater)

版权声明：本文标题：php - Accordion headings cuts off to second line on collapsing a accordion heading (used acf repeater) 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://it.en369.cn/questions/1749051593a2308701.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。