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

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

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

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

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

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

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

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

1 个答案: