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(); 
});​