HTML＆amp; 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

看看这个DEMO。

这是JS：

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

Answer 3

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

jsFiddle DEMO