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

时间:2013-07-03 18:32:48

标签: html load toggle hide show

我有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/

1 个答案:

答案 0 :(得分: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');
});

Check the fiddle