2014-05-15 84 views
0

我试图做一个函数点击打开/关闭一个div。jQuery点击关闭div(显示)

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

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

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

我试图使用addClass/removeClass,但做同样的事情(不工作)。

帮助:d

+0

只需用代码构建一个小提琴 - http://jsfiddle.net/67LJ8/ - 它似乎工作正常。你检查控制台是否打印错误? – Robin

+0

您使用哪个按钮元素? –

回答

0

我认为你可以这样做:

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

UPDATE:

由于codezombie指出你的代码做的工作,所以其他地方有问题你的代码(也许你的jQuery选择器之一)。

-2

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

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

如果你愿意,你也可以使它看起来更有趣一点通过添加CSS过渡。

+0

这个答案是不正确的,因为jQuery'.css()'*会*把一个对象当作参数。请参阅文档 - http://api.jquery.com/css/ - '.css(properties)'。 – Robin

+0

将[Animate.css](http://daneden.github.io/animate.css/)用于花哨的CSS转换。提示:你会使用'.toggleClass()' – zgood

+0

嗯。它似乎需要两个...我只是不知道这样做的对象方法。我的错误Codezombie。 – Alonessix