javascript - 带有jQuery隐藏/滑动切换的PHP循环(Repeater字段WP)

我正在通过WP运行一个转发器字段，该字段重复以下内容。我也有一个jQuery代码设置为可切换，我该怎么做才能使所有div都不打开？由于它似乎只在第一分区上工作。

是因为它在循环内部吗？

<?php if( have_rows('business_dropdown') ) : while ( have_rows('business_dropdown') ) : the_row(); ?>
    <a href="/#/" onClick="submitComment(); return false;" class="AddCityA">
        <?php echo the_sub_field('title'); ?>
    </a>
    <div class="AddCity">
        <?php echo the_sub_field('content'); ?>
    </div>
<?php endwhile; endif; ?>

jQuery的:

jQuery(document).ready(function () {
    $('.AddCity').hide();
    $('.AddCityA').click(function () {
        $('.AddCity').slideToggle("slow");
    });
});

最佳答案

为了只限于下一个.AddCity，请使用 .next()

jQuery(document).ready(function () {
    $('.AddCity').hide();
    $('.AddCityA').click(function () {
        $(this).next('.AddCity').slideToggle("slow");
    });
});

关于javascript - 带有jQuery隐藏/滑动切换的PHP循环(Repeater字段WP)，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/32749058/