jquery - ダブルクリックでトグル、jquery

Question

jqueryでダブルクリックしてdivを表示または非表示にするにはどうすればよいですか?

$("body").dblclick(function() { 
            $("#plot_on_map_form").show("medium").css({top: event.pageY,left: event.pageX});
        },
        function() {
            $("#plot_on_map_form").css({display:"none"});
    }
);

Answer 1

<div>Div</div>

$(document).dblclick(function(){
    $('div').toggle();
});

デモ: http://jsfiddle.net/dth9R/

Answer 2

jquery docs http://docs.jquery.com/Events/toggleによる と、このように表示と非表示を試すことができます

 $("li").dblclick(function() {
       if($(this).didSomeThing == true){
           $(this).backToNormal();
           $(this).didSomeThing = false;
           return;
       }
       $(this).doSomething();
       $(this).didSomeThing = true;
    });

Answer 3

2 つのファンクション ブロックを使用しましたが、この場合、ここでは機能しません。

1 つの関数ブロックを使用し、jquery 関数の toggle() を使用します。

これで問題は解決します。