Доброго времени суток!
Необходима помощь в создании простой подсказки по клику на ссылку (или кнопку, неважно).
То есть кликаем на кнопку, и рядом возникает заранее подготовленный DIV (до клика он был
display:none, ничего необычного).
Итак, суть задачи: необходимо, чтобы
при клике вне подсказки, она скрывалась, НО, если
кликнуть на саму подсказку, она пропадать не должна.
Вот сделал демо-страничку с пояснениями:
http://them.do.am/jquery-tooltip/
Код сейчас такой:
<a href="" class="fortip">Кнопка 1</a>
<div class="totip">Tooltip 1</div>
<a href="" class="fortip">Кнопка 2</a>
<div class="totip">Tooltip 2</div>
<a href="" class="fortip">Кнопка 3</a>
<div class="totip">Tooltip 3</div>
$(document).ready(function(){
$('.fortip').click(function(){
$(this).parent().next('.totip').slideToggle(0).siblings('.totip:visible').slideToggle(0);
return false;
});
$('.fortip').blur(function(){
$('.totip').hide(0)
return false;
});
});
Заранее огромная благодарность откликнувшимся!