使字段集加載時崩潰

Question

當用戶看到我的頁面時，我需要使所有字段集合都摺疊。因此，要查看其內容，我應該點擊Fieldset標題。例如：在這裏，我已經創建了一個jsFiddle允許崩潰非坍塌字段集，這裏是jQuery的：

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

但如何讓這一切字段集倒塌？並查看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