Forum user: njprrogers

I've got my tooltip defined as follows:

		$(".toolTip").tooltip({ 
			effect: 'slide',
			relative: true,
			position: 'bottom center',
			offset: [10,0],
			events: {
				def: 'click, click'
			}		
			});

Basically, I want the tooltip to appear when someone clicks, and not to disappear till someone clicks again.

Unfortunately, this doesn't work as the one click seems to show the tooltip and trigger the exit event as well.

Do you know if I can achieve click on, click off?

Thanks,

Nick

Hi,

I have a piece of code which will look like this:

<p>
Hi this is <a href="#" class="tooltip">a tooltip 1</a> and this is a <a href="#" class="tooltip">a tooltip 2</a></p>
<div>
hi tooltip1
</div>
<div>
hi tooltip2
</div>

Effectively, I am looking for two html tooltips on the same line... but the problem is the tooltip will take the next element in the DOM to be the tooltip. Not so good for the second tooltip which will show the content for tooltip no. 1 on hover.

Is there any way to achieve this?

Thanks,

Nick