Javascript 带有jQuery隐藏/滑动切换的PHP循环（Repeater字段WP）

我正在通过WP运行一个repeater字段，该字段重复以下内容。我还有一段jQuery代码，设置为toggle，如何使它不打开所有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; ?>

---

要仅限于下一个

.AddCity

，请使用

---

尝试

$（this.next（'.AddCity'）。滑动切换（“slow”）。这将仅限于下一个
.AddCity
。您能否将其作为答案提交，以便我将其标记为正确？
jQuery(document).ready(function () {   
    $('.AddCity').hide();
    $('.AddCityA').click(function () {
        $('.AddCity').slideToggle("slow");
    });
});

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