Clicking on an icon to open and close the tooltip
<p>I'm trying to figure out how you can open the tooltip by clicking on the icon as well as closing it. I've been looking at some of the discussion here, but none of them doesn't seem to work at my end. Here is what I have so far:</p>

<p><strong>HTML</strong></p>

<pre><code>&lt;span class="info"&gt;
  &lt;img alt="aImage" src="images/aImage.png" /&gt;
  &lt;span style="display: none;" class="stuff"&gt;something something&lt;/span&gt;
&lt;/span&gt;
</code></pre>

<p><strong>Javascript</strong></p>

<pre><code>$(document).ready(function(){
  $(".info").tooltip({tooltipcontentclass:"stuff"})
});
</code></pre>

<p>For this, of course, this will only show the tooltip if the mouse is hovering over it and closes it if you hover it away. I know it's not much, but this is the best I can do here. Please let me know if there is a way for opening and closing it by clicking.</p>
