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

How to hide elements when another element is clicked

本文关键字：元素 隐藏 另一个 单击 何隐藏      更新时间：2024-03-10

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

我希望表单字段在单击时消失。。。但是我的js不起作用。以下是我尝试过的，但没有成功：

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

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

这里有什么明显我遗漏的东西吗？非常感谢您的帮助。

欢呼，

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

如果您喜欢直接设置CSS，请在语句的两个元素周围加引号：

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

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

应该是

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

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

或者一个对象，如果你想同时针对多个css属性。

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

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

试试这个

相关文章：