使Fieldset在负载下折叠

Question

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

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

但是如何让所有这个Fieldset崩溃？要查看Fieldset中的内容，人们应该点击Fieldset标题，然后Fieldset会崩溃吗？感谢

Answer 1

尝试

添加css规则

fieldset .content {
    display: none;
}

演示：Fiddle

或使用jQuery

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

演示：Fiddle