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

【问题标题】：jquery - returning a page to its original layoutjquery - 将页面返回到其原始布局
【发布时间】：2013-08-17 11:43:51
【问题描述】：

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

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

问题是切换它会留下很大的差距，因为 .form-field 大约有 500 像素高。我怎样才能切换这个并让这个页面恢复回来？

我不想刷新。

【问题讨论】：

标签： jquery layout refresh toggle

【解决方案1】：

您可以使用 jQuery hide 和 show 方法。

我猜你的hidden 类使用visibility:hidden; 你应该使用display:none;。

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

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

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

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

【讨论】：