html - 第一个切换 div 需要开始打开

Question

我有 2 个 div 分组（“问题”和“答案”）。
单击“问题”时，会显示“答案”。
当再次单击“问题”（或单击另一个“问题”）时，当前可见的“答案”将隐藏并显示新答案。
我想不通的是如何使该系列的第一个问题/答案集在页面加载时显示

代码：

jQuery(document).ready(function() {
    jQuery(".answer").hide();
    jQuery(".question").click(function() {
        jQuery(".answer").not(jQuery(this).next(".answer")).hide();
        jQuery(this).next(".answer").toggle();
    });
});

演示：http: //jsfiddle.net/pixeloco/Y724r/

Answer 1

只需触发点击first-child

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

检查小提琴