jquery - jquery - 将页面返回到其原始布局

Question

我有一个有一些逻辑的表单，根据您单击的内容，您可以获得更多表单选项

$('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 高。我怎样才能切换这个并让这个页面恢复回来？

我不想刷新。

Answer 1

您可以使用 jQueryhide和show方法。

我猜你的hidden班级使用visibility:hidden;你应该使用display:none;.

更多信息可以在以下链接中找到：

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

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

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