在Javascript中隐藏联系人表单

Question

我正在做一些修改的网站，有一个联系形式，应该是隐藏在页面加载，当一个信封图标被点击，联系表格幻灯片，点击信封再次隐藏它。

链接到此表单的javascript是：

jQuery('#contact-open').click(function (e) {
    e.preventDefault();
        jQuery('#contact-form').slideToggle();
        jQuery('html, body').animate({ 
            scrollTop: jQuery('#contact-form').offset().top 
        }, 1000);
});

问题是表单没有隐藏在页面加载中，单击信封可以隐藏表单，但是它需要在加载时隐藏。

我尝试过在CSS中将visibility: hidden添加到表单中，但是当表单的div滑入时，它当然是空的。有什么建议来解决这个问题吗？

谢谢

编辑:简化的JS使用slideToggle而不是slideUp和slideDown

Answer 1

您可以向表单中添加一个“隐藏窗体”CSS类，并在单击该按钮时使用jQuery .toggleClass()进行切换。这将显示/隐藏表单。