javascript - ブロックに変更後、display:noneに変更する方法

Question

分割はdisplay: none;

リンクまたは画像をクリックすると、正常に動作しdisplay: block;ています。

同じアイコンまたはリンクをクリックすると、非表示になります。

したがって、リンクがアクティブな場合は Div が表示され、その後リンクをクリックして表示オプションを変更します。

Answer 1

これは、作業コンセプトを示す jsfiddle です。

http://jsfiddle.net/DjxM8/

$("#clickme").click(function() {
    $("#showme").toggle();
});

jQuery のトグル機能は、おそらくあなたが望むものです。

Answer 2

jQuery では、次のことができます。

$('div').click(function(){
    if ($('div').css("display") == "block"){
        $('div').("display", "none");
    }
    else{
        $('div').("display", "block");
    }
});

編集: この特定のケースでは、トグル方式が推奨されます。異なる背景色を循環させたい場合など、イベントに 2 つ以上の結果を追加したい場合は、私のやり方で行うことをお勧めします (下手な例ですが、要点を示します)。