Tipsy Tooltip Direction Problem

I use Tipsy Tool time plugin I noticed that I cant use the same direction开发者_运维知识库 of the tooltip with another link.

Example:

javascript:

$('#south').tipsy({gravity: 's'});

html:

<a id='south' href='#' title='This is an example of south direction'>South</a>
<a id='south' href='#' title='This is an example of south direction2'>South</a>

Explain the example:

Link1 - link2

when I hover link1 the tooltip shows at the top, I want also when I hover link2 the tooltip shows at the top,

But unfortunately did not work with me!

So can any one help me.

thank you

You can't repeat IDs like this, they have to be unique in a page (otherwise you'll see side-effects, like $('#south') only returning the first match...your current issue). Use a class instead in these cases, like this:

$('.south').tipsy({gravity: 's'});

The same on the links;

<a class='south' href='#' title='This is an example of south direction'>South</a>
<a class='south' href='#' title='This is an example of south direction2'>South</a>