HTML＆CSS - 顯示和隱藏div

Question

我有一個ID爲'toggle'的div。我只想要一個鏈接或按鈕，當按下時會顯示div，然後再次單擊時隱藏div。儘管我似乎無法讓jQuery工作，儘管我可能犯了錯誤，但我最好喜歡它與jQuery一樣的動畫效果。那我該怎麼做？ :)

Answer 1

$('#youAnchorId').click(function(e){ 
    e.preventDefault(): 
    $('#toggle').toggle(); //use .fadeToggle() if you want fade animation. 
}); 

Answer 2

$('#toggleDiv').on('click', function() { 
    e.preventDefault(); 
    $('#toggle').fadeToggle('slow'); 
    return false; 
}); 

jsFiddle DEMO

Answer 3

看一看這個DEMO。

這裏的JS：

$('button').click(function() { 
    $('#redBox').fadeToggle(); 
});​