0

いくつかのロジックを含むフォームがあります。クリックした内容に応じて、さらにいくつかのフォームオプションが表示されます

$('input[value=buy]').on('click', function() {
        var $this = $(this);
        if ($this.is(':checked')) {
           $('.form-field').removeClass('hidden');
        } else {
           $('.form-field').addClass('hidden');
        }
    });

問題は、.form-field の高さが約 500px であるため、これを切り替えると大きなギャップが生じることです。これを切り替えて、このページを元に戻すにはどうすればよいですか?

リフレッシュしたくない。

4

1 に答える 1

0

jQueryhideとshowメソッドを使用できます。

hiddenあなたのクラスはvisibility:hidden;あなたが使うべきだと思いますdisplay:none;。

詳細については、以下のリンクを参照してください。

http://api.jquery.com/hide/

http://api.jquery.com/show/

http://api.jquery.com/toggle/

于 2013-08-15T09:46:19.770 に答える