javascript - 单击另一个元素时如何隐藏元素

Question

让这个 jquery 工作有点困难。我有一个表单，其中所有字段都嵌套在 div.form-group 中。订阅按钮的 ID 为 subscribe。

我希望表单域在单击时消失...但是我的 js 不工作。这是我尝试过的方法，但无济于事:

(function($) {
    window.onload = function () {
        $("#subscribe").click(function() {
            $(".form-group").css("display: none");
        });
    }
})(jQuery);

form-group 类在 CSS 中设置为 display: block。

我在这里明显遗漏了什么吗？非常感谢任何帮助。

干杯，

Answer 1

jQuery 提供了一个 .hide() 方法作为设置隐藏元素的各种 CSS 指令的快捷方式(display: none 和 visibility: hidden，例如)。

$(".form-group").hide();

如果您更喜欢直接设置 CSS，请在语句的两个元素两边加上引号:

$(".form-group").css("display", "none");