PHP循环与jQuery隐藏/幻灯片切换（Repeater字段WP）

Question

我正在通过WP运行转发器字段，重复以下内容。我还有一个jQuery的代码设置为切换，我怎么做，所以不是所有的div打开？因为它似乎只是在第一个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");
    });
});

Answer 1

要仅限制下一个.AddCity，请使用.next()

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