clueTip - multiple instances of
hi, love the plug-in but have come across a puzzle. i am trying to use multiple (5-8) instances of the jTip theme, jTip Style clueTip.
The first tip shows as expected using the code
- <a class="jt" href="health.html" rel="health.html">Health</a>
However, the second tip shows the new ajax file but as soon as i move off of the word, the tooltip closes. i know this has something to do with the jt:eq() class, but i'm having no luck in changing it to make the second instance stay open on hovering.
anyone had similar problems and come across an answer? thanks in advance for your help. here's the rest of the code...
the second link on the page
- <a class="jt" href="work.html" rel="work.html">Work</a>
the .js code
- $('a.jt:eq(0)').cluetip({
cluetipClass: 'jtip',
arrows: false,
dropShadow: false,
sticky: true,
mouseOutClose: true,
closePosition: 'bottom',
closeText: '<img src="cross.png" alt="close" width="10" height="10" />'
});
$('a.jt:eq(1)').cluetip({cluetipClass: 'jtip', arrows: true, dropShadow: false, hoverIntent: false});
});