title: Activate tooltip using onclick jQuery
body: <p>I'm testing a tooltip plugin and it will display a tooltip on mouseover. I'm trying to make the tooltip appear with an onclick, which I'm struggling and need your help. </p>
  
  <p>I'm currently using a jquery piece so it will activate a modal window, thanks to @pointy, when the links within the tooltip is clicked. Can something like this be included with jQuery?</p>
  
  <p>Demo: <a href="http://jsbin.com/eliwa3" rel="nofollow">http://jsbin.com/eliwa3</a></p>
  
  <p>Here is the page code that calls the functionality and tooltip content</p>
  
  <pre><code>&lt;script&gt;
  dw_Tooltip.defaultProps = {
    sticky: true,
    klass: 'tooltip',
    showCloseBox: true,
    klass: 'tooltip2', // class to be used for tooltips
    closeBoxImage: 'http://www.google.com/apps/images/x.png',
    wrapFn: dw_Tooltip.wrapSticky
  
  };
  
  dw_Tooltip.on_show = function() {
     $(".modalPageWide").colorbox({
        width:"800px",height:"610px",opacity:0.6,iframe:true
     })
  };
  
  
  dw_Tooltip.content_vars = {
  
  tooltip_popup: {
          content: 'Click a link to continue' +
  '&lt;ul&gt;&lt;li&gt;&lt;a href="http://www.amazon.com" class="modalPageWide"&gt;Link 1&lt;/a&gt;&lt;/li&gt;' +
  '&lt;li&gt;&lt;a href="http://www.amazon.com" class="modalPageWide"&gt;Link 2&lt;/a&gt;&lt;/li&gt;' +
  '&lt;li&gt;&lt;a href="http://www.amazon.com" class="modalPageWide"&gt;Link 3&lt;/a&gt;&lt;/li&gt;' +
  '&lt;li&gt;&lt;a href="http://www.amazon.com" class="modalPageWide"&gt;Link 4&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;',
          klass: 'tip'
      }
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>As shown below, when a link includes a reserved class "showTip", it will activate the tooltip on mouseover. Also included is a compound class (of my choice) that will call the tooltip content </p>
  
  <pre><code>&lt;a href="#" class="showTip tooltip_popup"&gt;Example&lt;/a&gt;
  </code></pre>
  
  <p>Here's the logic that makes the tooltip work: <a href="http://wpc.242F.edgecastcdn.net/00242F/test/tooltip/new_tooltip.js" rel="nofollow">Tooltip logic</a></p>