jquery - 使字段集在加载时折叠

Question

当用户看到我的页面时，我需要将所有字段集折叠起来。因此，要查看其内容，我应该单击 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;
}

演示：小提琴

或使用 jQuery

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

演示：小提琴