title: qTip show/hide tooltip on click
body: <p>I have a page with many tooltips. I want to show/hide every one seperatly on clicking a button. It does not work for me, can anyone help?</p>
  
  <pre><code>&lt;span&gt;&lt;input type="button" value="b1" onClick="showMyTT('div1');"&gt;&lt;/span&gt;&lt;span&gt;&lt;div id="div1"&gt;&lt;/div&gt;&lt;/span&gt;
  &lt;span&gt;&lt;input type="button" value="b2" onClick="showMyTT('div2');"&gt;&lt;/span&gt;&lt;span&gt;&lt;div id="div2"&gt;&lt;/div&gt;&lt;/span&gt;
  &lt;span&gt;&lt;input type="button" value="b3" onClick="showMyTT('div3');"&gt;&lt;/span&gt;&lt;span&gt;&lt;div id="div3"&gt;&lt;/div&gt;​&lt;/span&gt;
  
  function showMyTT(id) { 
      $('#'+id).qtip({
          content: {
              text: 'Show the content', 
              title: false
          },
          position: {
              my: 'left center', 
              at: 'left center' 
          },
          show: {
              event: false, 
              ready: true 
          },
          hide: false, 
          style: {
              classes: 'ui-tooltip-shadow ui-tooltip-jtools'
          }
      }); 
  }
  </code></pre>
  
  <p>Thank you</p>