@freeman0204

Как расположить блоки в цикле таким образом через счетчик?

Разбил блоки в цикле, если accordion больше трех создается блок div class='col-xl-6 col-lg-6 col-md-12 col-12'. А как сделать так что бы первые 3 блока попали в левую сторону, а остальные в правую?

<?php if (have_rows('faq')):
                    $count = 0;
                    ?>
                    <div class="row">

                        <?php while (have_rows('faq')): the_row();
                            $question = get_sub_field('question');
                            $answer = get_sub_field('answer');

                            ++$count;
                            if ($count == 1) {
                                echo "<div class='col-xl-6 col-lg-6 col-md-12 col-12'>";
                            }
                            ?>
                            <div class="accordion">
                                <div class="accordion__item">
                                    <div class="accordion__title">
                                        <span class="accordion__title-text"><?php echo $question; ?></span>
                                        <div class="accordion__arrow">
                                            <img src="<?php echo $dir ?>img/minus.svg" alt="" class="minus">
                                            <img src="<?php echo $dir ?>img/minus.svg" alt="" class="plus">
                                        </div>
                                    </div>
                                    <div class="accordion__content" style="display: none;">
                                        <?php echo $answer; ?>
                                    </div>
                                </div>
                            </div>
                            <?php
                            if ($count > 3) {
                                echo "</div>";
                                $count = 0;
                            }
                        endwhile;
                        ?>

                    </div>
                <?php endif; ?>
  • Вопрос задан
  • 37 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы