Javascript JQuery手风琴打开面板加载

在页面加载时，默认情况下，在第一个面板打开的情况下加载我的手风琴。需要在页面加载时关闭整个手风琴的解决方案。任何帮助或协助都将不胜感激。谢谢你抽出时间

拨弄

手风琴{ 宽度：100%； 利润率：10px自动； 边框：1px纯黑； -webkit盒阴影：0px 1px 3px rgba（0,0,0,0.4）； -moz盒阴影：0px 1px 3px rgba（0,0,0,0.4）； 盒影：0px 1px 3px rgba（0,0,0,0.4）； } #手风琴h2{ 明确：两者皆有； 光标：指针； 保证金：0px 0px； 填充：7px 15px； 边框：1px纯白； 背景色：#ff6600； 字体：粗体22px Petua One； 颜色：#ffffff； 文本阴影：0px 1px 0px rgba（0,0,0,0.4）； } #手风琴。内容1{ 背景色：#ffffff； 填充：10px 15px； 颜色：黑色； 高度：150像素； 宽度：25%； 浮动：左； } #手风琴{ 背景色：#000000； } .内容包装器{ 显示：内联块； } .内容包装器a{ 显示：块； } 联赛分数

联赛排名
比赛成绩
锦标赛排名 尼亚加拉体育锦标赛

只需删除此行：

$('#accordion h2:first').addClass('active').next().slideDown('slow');

此行手动使第一个内容部分可见

演示： 也不是

$（'#accordion.content'）.hide（）最好使用CSS最初隐藏内容：

#手风琴.内容{
显示：无；
}

最后，出于优化目的，有必要缓存
$（“#accordion h2”）
选择器：

var $h2 = $('#accordion h2').click(function () {
    if ($(this).next().is(':hidden')) {
        $h2.removeClass('active').next().slideUp('slow');
        $(this).toggleClass('active').next().slideDown('slow');
    }
});

演示：检查

这是你想要的吗

   $(function () {

    $('#accordion h2:first').addClass('active').next().slideDown('slow');
    $('#accordion h2').click(function () {
        if ($(this).next().is(':hidden')) {
            $('#accordion h2').removeClass('active').next().slideUp('slow');
            $(this).toggleClass('active').next().slideDown('slow');
        }
    });
    $('#accordion .content').hide();
});

我将兽皮重新定位到末端

$（'#accordion.content'）.hide（）

小提琴中的以下行导致它开始打开：

$(function () {
    $('#accordion .content').hide();
    //Comment out this line:
    //$('#accordion h2:first').addClass('active').next().slideDown('slow');
    $('#accordion h2').click(function () {
        if ($(this).next().is(':hidden')) {
            $('#accordion h2').removeClass('active').next().slideUp('slow');
            $(this).toggleClass('active').next().slideDown('slow');
        }
    });
});

请参阅更新的fiddle:
非常感谢您的输入。我很感激，非常感谢。成功了。谢谢@Nevin我感谢你的帮助。
$(function () {
    $('#accordion .content').hide();
    //Comment out this line:
    //$('#accordion h2:first').addClass('active').next().slideDown('slow');
    $('#accordion h2').click(function () {
        if ($(this).next().is(':hidden')) {
            $('#accordion h2').removeClass('active').next().slideUp('slow');
            $(this).toggleClass('active').next().slideDown('slow');
        }
    });
});