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

このDEMOをご覧ください。

JS は次のとおりです。

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

Answer 3

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

jsFiddle デモ