在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

您可以添加隐藏形式＆＃39;表单的CSS类，并在单击按钮时使用jQuery .toggleClass()进行切换。这将显示/隐藏表单。