jQuery点击关闭div（显示）答案

【问题标题】：jQuery click to close div (display)jQuery点击关闭div（显示）
【发布时间】：2014-05-15 00:06:31
【问题描述】：

我正在尝试执行单击以打开/关闭一个 div 的功能。

这是基本的，但是，点击只显示 div，当我点击“关闭”时，什么也没有发生。

$(".inscricao-email").click(function(){
      $("#display-form").css({"display":"block"});
});

$("#form-fechar").click(function(){
      $("#display-form").css({"display":"none"});
});

我尝试使用 addClass / removeClass，但做同样的事情（不起作用）。

帮助：D

【问题讨论】：

只需用您的代码构建一个小小提琴 - jsfiddle.net/67LJ8 - 它似乎工作正常。你检查控制台是否打印错误？
按钮使用的是什么元素？
我使用的元素是，因为我不能使用

标签： jquery css

【解决方案1】：

我认为你可以使用这个：

$("#display-form").toggle()

更新：

正如 codezombie 指出的那样，您的代码确实有效，因此您的代码中的其他地方存在问题（可能是您的 jQuery 选择器之一）。

【讨论】：

【解决方案2】：

jQuery CSS 方法不将对象作为参数。它需要两个：要更改的 CSS 属性，以及将其更改为什么。这是非常基本的；如果您正在寻找更“花哨”的效果，那么我建议您使用更多类似fadeIn 或fadeOut 的东西。但无论如何，你可以像这样使用 CSS 方法：

$(selector).css('display', 'inline-block');

如果您愿意，还可以通过添加 CSS 过渡使其看起来更有趣。

【讨论】：

这个答案不正确，因为 jQuery .css() 确实将对象作为参数。请参阅文档 - api.jquery.com/css - .css( properties )。
使用 Animate.css 进行精美的 CSS 过渡。提示：你会使用.toggleClass()
嗯。看来这两者都需要......我只是不知道这样做的对象方法。我的错误，Codezombie。