Toggle jQuery Calendar

Toggling of jquery calendar

by Przmak

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/themes/overcast/jquery-ui.css">
<p>Date: <input type="text" id="datepicker"></p>

JavaScript

var isCalendarOpen = false;
$("#datepicker").datepicker({
beforeShow: function(){
console.log("???")}
});
$("#datepicker").mousedown(function() {
		if(isCalendarOpen){
    	$(this).datepicker("hide");    	            
      isCalendarOpen = false;
      return;
    }
    isCalendarOpen = true;
    $(this).datepicker("show");  
});