jquery - HTML & CSS - 显示和隐藏 div

Question

我有一个 id 为“切换”的 div。我只想有一个链接或按钮，按下时将显示 div，然后再次单击时隐藏 div。尽管我可能会犯错误，但我似乎无法让 jQuery 工作，但我更希望它像 jQuery 一样具有动画效果。那么我该怎么做呢？:)

Answer 1

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

Answer 2

看看这个演示。

这是JS：

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

Answer 3

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

​jsFiddle DEMO