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

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");

Answer 2

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

应该是

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

                 **OR**
$(".form-group").css({ "display" : "none"});

您一直试图将属性设置为single string 。 如果它只是您要更改的单个属性，则应该以逗号分隔。

如果要同时定位多个CSS属性，则为对象。

Answer 3

$( "#anotherid" ).on('click', function() {
        $( "#idhere" ).hide('slow');
    });

尝试这个

Answer 4

$("#subscribe").click(function() {
                $(".form-group").hide()
            });
}