jQuery单击关闭div(显示)

时间:2014-05-15 00:06:32

标签: jquery css

我试图点击一下来打开/关闭一个div。

它是基本的,但是,点击只显示div,当我点击"关闭"时,没有任何反应。

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

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

我尝试使用addClass / removeClass,但做同样的事情(不行)。

帮助:D

2 个答案:

答案 0 :(得分:0)

我认为你可以使用它:

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

<强>更新

正如codezombie指出你的代码确实有效,所以代码中的其他地方(可能是你的jQuery选择器之一)存在问题。

答案 1 :(得分:-2)

jQuery CSS方法不会将对象作为参数。它需要两个:要更改的CSS属性,以及要将其更改为的内容。它非常基本;如果你正在寻找一个更多的幻想&#39;效果,那么我建议你使用更多fadeInfadeOut的内容。但无论如何,您可以使用这样的CSS方法:

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

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