Jquery 使字段集在加载时崩溃

当用户看到我的页面时，我需要将所有字段集折叠起来。因此，要查看其内容，我应该单击字段集标题。例如：这里我创建了一个允许折叠非折叠字段集的jQuery：

$(function(){
    $('legend').click(function(){
    $(this).parent().find('.content').slideToggle("slow");
    });
});

但如何使所有这些字段集崩溃？要查看字段集中的内容，人们应该单击字段集标题，然后字段集将被折叠？谢谢

试试看

添加css规则

fieldset .content {
    display: none;
}

演示：

或者使用jQuery

$(function(){
    $('fieldset .content').hide();
    $('legend').click(function(){
        $(this).parent().find('.content').slideToggle("slow");
    });
});

演示：