title: jquerytools tooltip to target the tooltip into a special div instead of a position relative to trigger's
body: <p>I'm using <a href="http://jquerytools.org/demos/tooltip/" rel="nofollow"><strong>jquerytools tooltip</strong></a>.</p>
  
  <p>The tooltip will come at a position <strong><em>relative</em></strong> to its trigger (the element that brings the tooltip).</p>
  
  <p>I know that it's controllable using the <code>position</code> and <code>offset</code> options like this:</p>
  
  <pre><code>$('#trigger').tooltip({effect: 'slide', offset: [63, -172]});
  </code></pre>
  
  <p>, but it's still <strong><em>relative to the trigger</em></strong>.</p>
  
  <p><strong>Anyway, the question is how should the tooltip come into a special <code>div</code></strong> like <code>&lt;div id="target"&gt;&lt;/div&gt;</code>?</p>
  
  <p>I have even tried <code>$('#trigger').tooltip(effect: 'slide', target: '#target')</code> but no difference.</p>
  
  <p>It can be somehow called a slideshow, but the difference is that when none of the slide's thumbnails is hovered, nothing should be shown, and the default background image will be visible. So I've decided to use this way. (So shouldn't also have a behavior to show each slide after some time).</p>
  
  <hr>
  
  <p><strong>UPDATE:</strong></p>
  
  <p>Because of the problem, I used the solution below that is really ugly, but <em>it works</em>!</p>
  
  <pre><code>$("#slide1").tooltip({ effect: 'slide', offset: [-10, -213]});
  $("#slide2").tooltip({ effect: 'slide', offset: [-10, -108]});
  $("#slide3").tooltip({ effect: 'slide', offset: [-10, -3]});
  $("#slide4").tooltip({ effect: 'slide', offset: [-10, 102]});
  $("#slide5").tooltip({ effect: 'slide', offset: [-10, 207]});
  </code></pre>
  
  <p>In fact, using this method, all the tooltips will be on top of a special div and they will have the same x, y. <em>(They also have the same <strong>height</strong>, <strong>width</strong> as well)</em></p>
  
  <hr>
  
  <p>Still looking for a more clear solution.</p>