使Fieldset在负载下折叠

Question

当用户看到我的页面时,我需要使所有Fieldset崩溃.所以,要查看其内容,我应该点击Fieldset标题.例如:这里我创建了一个允许折叠非折叠Fieldset的jsFiddle,这里是jQuery:

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

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

Answer 1

尝试

添加css规则

fieldset .content {
    display: none;
}

演示:小提琴

或者使用jQuery

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

演示:小提琴