Question
How do I show or hide a div on double click with jquery?
$("body").dblclick(function() {
$("#plot_on_map_form").show("medium").css({top: event.pageY,left: event.pageX});
},
function() {
$("#plot_on_map_form").css({display:"none"});
}
);
Solution
<div>Div</div>
$(document).dblclick(function(){
$('div').toggle();
});
OTHER TIPS
According to jquery docs http://docs.jquery.com/Events/toggle you can try like this for show and hide
$("li").dblclick(function() {
if($(this).didSomeThing == true){
$(this).backToNormal();
$(this).didSomeThing = false;
return;
}
$(this).doSomething();
$(this).didSomeThing = true;
});
You have used two function blocks, but in this case this will not work here.
use one function block and use jquery function toggle().
this will solve the problem.
Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow