title: Make jQuery tipsy appear on hover and on click
body: <p>At the moment, I am trying to get <a href="http://onehackoranother.com/projects/jquery/tipsy/" rel="nofollow">Tipsy</a> to work on hover and on click. But I don't know if this is possible… It would be very inconvenient to use an other tool.</p>
  
  <p>The trigger: 'manual' does not respond at all. Is it possible or do I really have to use an other tool?</p>
  
  <p>This is part of the code:</p>
  
  <p>function initiateMouseEvents() {
      $('.channel-hover').each(function() {</p>
  
  <pre><code>    $('svg circle, svg path').tipsy({
          gravity: 's',
          trigger: 'manual',
          html: true,
          title: 'data-tipsy'
      });
  
      var dataChannel = $(this).attr('data-channel');
  
      $(this).bind('mouseover', function() {
          if ($(this).attr('data-channel').length) {
              effectVisualisation.highlightChannel(dataChannel);
              costVisualisation.highlightChannel(dataChannel);
          }
      }).bind('mouseout', function() {
          if ($(this).attr('data-channel').length) {
              effectVisualisation.normalizeChannel(dataChannel);
              costVisualisation.normalizeChannel(dataChannel);
          }
      });
  });
  </code></pre>
  
  <p>}</p>