jQuery點擊關閉div（顯示）

我試圖做一個函數點擊打開/關閉一個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

來源

2014-05-15 reidark

只需用代碼構建一個小提琴 - http://jsfiddle.net/67LJ8/ - 它似乎工作正常。你檢查控制檯是否打印錯誤？ – Robin

您使用哪個按鈕元素？ –

我使用的元素是，因爲我不能使用

我認爲你可以這樣做：

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

UPDATE：

由於codezombie指出你的代碼做的工作，所以其他地方有問題你的代碼（也許你的jQuery選擇器之一）。

來源

2014-05-15 00:08:24 zgood

-2

jQuery CSS方法不會將對象作爲參數。它需要兩個：要更改的CSS屬性以及要更改的內容。這是非常基本的;如果你正在尋找更多的「幻想」效果，那麼我建議你按照fadeIn或fadeOut的方向使用更多的東西。但無論如何，你可以使用CSS的方法是這樣的：

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

如果你願意，你也可以使它看起來更有趣一點通過添加CSS過渡。

來源

2014-05-15 00:12:09 Alonessix

這個答案是不正確的，因爲jQuery'.css（）'*會*把一個對象當作參數。請參閱文檔 - http://api.jquery.com/css/ - '.css（properties）'。 – Robin

將[Animate.css]（http://daneden.github.io/animate.css/）用於花哨的CSS轉換。提示：你會使用'.toggleClass（）' – zgood

嗯。它似乎需要兩個...我只是不知道這樣做的對象方法。我的錯誤Codezombie。 – Alonessix

jQuery點擊關閉div（顯示）

回答

相關問題