双击，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

您使用了两个功能块，但在这种情况下，这将不起作用。

使用一个功能块并使用jquery函数toggle（）。

这将解决问题。