Jquery ：第一个子开关在wordpress循环中未按预期运行

我有一组'question/answer'div对，其中'answer'div被隐藏，并在单击'question'div时显示。集合中的第一对应在答案已打开的情况下加载。在wordpress之外，这项功能可以正常工作：

当我把同样的代码输入到wordpress循环中时，最后一个问题被打开，而不是第一个问题：（标题为“关于HTC”的配对是“回答”div应该在加载时打开的配对，但它会执行最后一个）

循环：

去掉这个

jQuery（'.question:first child'）。触发器（'click'）

与

jQuery（'.问题：eq（0）'）。触发器（'click'）

eq（n）
是
jQuery
选择器，通过索引号获取元素。因此在页面加载时，您必须
首先触发
单击事件。问题
div


是的，你太棒了！特别感谢您提供文档链接以供进一步阅读：）
<?php $subpages = new WP_Query("post_parent=5&post_type='page'&orderby=ID&order=ASC");
if($subpages->have_posts()) : while($subpages->have_posts()) : $subpages->the_post(); ?>
   <div class="post">
        <div class="question">
            <?php the_title(); ?>
        </div>
        <div class="answer">
            <?php the_content(); ?>
        </div>
   </div>
<?php endwhile; endif; ?>

jQuery(document).ready(function () {
jQuery(".answer").hide();
jQuery(".question").click(function () {
    jQuery(".answer").not(jQuery(this).next(".answer")).hide();
    jQuery(this).next(".answer").toggle();
});
jQuery('.question:first-child').trigger('click');
});

jQuery(document).ready(function () {
jQuery(".answer").hide();
jQuery(".question").click(function () {
    jQuery(".answer").not(jQuery(this).next(".answer")).hide();
    jQuery(this).next(".answer").toggle();
});
jQuery('.question:eq(0)').trigger('click');
});