2

ユーザーが自分のページを表示したときに、すべてのフィールドセットを折りたたむ必要があります。したがって、その内容を表示するには、フィールドセットのタイトルをクリックする必要があります。例: ここでは、折りたたまれていないフィールドセットを折りたたむことができるjsFiddleを作成しました。これが jQuery です。

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

しかし、この Fieldset をすべて折りたたむにはどうすればよいでしょうか? Fieldset の内容を確認するには、Fieldset のタイトルをクリックすると、Fieldset が折りたたまれますか? ありがとう

4

1 に答える 1

6

試す

CSS ルールを追加する

fieldset .content {
    display: none;
}

デモ:フィドル

またはjQueryを使用して

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

デモ:フィドル

于 2013-08-25T14:10:41.160 に答える