title: JQuery: toggle date-picker in when clicked on a span tag
body: <p>Here, I am trying to add a birthdate but with this code:</p>
  
  <pre><code>&lt;script&gt;
      $('#datepicker').focus(function() {
          $("#datepicker").datepicker();
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>I am not able to toggle the jquery datepicker off! this is my html:</p>
  
  <pre><code>&lt;div class="DOB"&gt;
              &lt;span class="DOB" contenteditable="true" id="datepicker"&gt;25/09/1996&lt;/span&gt;
              &lt;hr /&gt;
              &lt;span class="st"&gt;Date of birth&lt;/span&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>I don't want JQuery datepicker on my screen all the time!</p>
  
  <p>please help...</p>