Хинт как на Facebook

ПафНутиЙ,Подскажите пожалуйста как правельно саставить этот код

<script type='text/javascript'>
  $(function() {
    $('.class').tipsy();    
  });
</script>]

Что бы он работал еще на title

У меня он выглядит так

<script type='text/javascript'>
  $(function() {
    $('.top-menu1').tipsy()
    $('.top-menu2').tipsy()
    $('.form-text').tipsy()
    $('.title').tipsy()
  });
</script>]

На классы работает а на титле нет,можете подсказать как его оформить правелно,и еще он все время распологается снизу даже если там место нету,как туда правельно вписать

$('#foo').tipsy({gravity: 'n'}); // nw | n | ne | w | e | sw | s | se

Что бы он нормально отоброжал,в зависимости от положения.

Спасибо за ответ!!!

Это я понимаю,поэтому и спрашиваю как правильно сделать. на title,просто из этих кодов мне мало что понятно.

PS.Это тоже самое что и девушку попросить починить маю машину!!

Поехали.

Заливаешь файл jquery.tipsy.js в папку templates/твой шаблон/js
Заливаешь файл tipsy.css в папку templates/твой шаблон/css (или в папку style если нет папки css)

Далее...

Открываешь файл templates/твой шаблон/main.tpl
Выше тега

</head>

Подключаешь оба файла в шаблон таким способом

<link media="screen" href="{THEME}/style/tipsy.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="{THEME}/js/jquery.tipsy.js"></script>

Сразу после этого вставляешь

<script type='text/javascript'>
  $(function() {
    $('.class').tipsy();   
  });
</script>

Где .CLASS. Туда вставляешь класс того, где хочешь видеть ХИНТ.

Допустим у тебя есть класс для заголовка новостей. Пусть он будет называться .title_news a
И ты хочешь чтобы при наведении на название новости, показывался этот ХИНТ.

Значит вместо .class пишешь .title_news a

Сохраняешь, чистишь кеш. Все красиво и аккуратно работает.

У меня вот другая проблема. Наводишь на ссылку, хинт появляется. Нажимаешь на ссылку, хинт не исчезает. Ссылка является выставлением рейтинга.