title: Show Foundation 5 Tooltip on Click
body: <p>I have a tooltip through foundation 5 on a span, like so:</p>
  
  <p><code>&lt;span data-tooltip aria-haspopup="true" class="has-tip tip-top" title="My tool tip"&gt;&lt;i class="fi-pricetag-multiple size-21"&gt;&lt;/i&gt;&lt;/span&gt;</code></p>
  
  <p>This works fine. However, what I would like to do is only show the tooltip when a user clicks the span (instead of hovering). Then it closes when you click the a close button. I'm able to get halfway there when I add <code>data-tooltip-open-event-type="touch"</code> but this adds two tooltips and it still disapears when I hover away.</p>
  
  <p>Any thoughts would be greatly appreciated. It seems odd that foundation 5 wouldn't have some sort of pop out for interactive content.</p>
  
  <p>Thanks!</p>