jquery - :first-child 切换在 wordpress 循环中未按预期运行

Question

我有一组“问题/答案” div 配对，其中“答案” div 被隐藏并在“问题” div 被点击时显示。集合中的第一对应该加载已经打开的答案。在 wordpress 之外，这可以按预期工作：http: //jsfiddle.net/Y724r/1/

但是，当我将相同的代码放入 wordpress 循环时，最后一个问题加载打开而不是第一个：http ://www.htcaz.com/web/?page_id= 5（标题为“关于 HTC”的配对是'answer' 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：

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');
});

Answer 1

删除这个

jQuery('.question:first-child').trigger('click');

和

jQuery('.question:eq(0)').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');
});

eq(n)是jQuery选择器通过索引号获取元素。所以在页面加载时你必须在第一个divtrigger上点击事件.question

这是你的小提琴

当量（n）