Формируйте советы с помощью jquery или другой библиотеки

Question

Это проверка формы для jquery:

http://www.position -absolute.com / статьи / JQuery форм-валидатор-потому-формы валидация-это-беспорядок /

Мне нужно что-то подобное, но подсказки должны появиться, когда я выбираю форму ввода текста, нажав на нее, и должны исчезнуть, когда я выбираю другую форму ввода текста.

Есть ли способ сделать это с помощью jquery, mootools, scriptaculus или любой другой библиотеки?

Спасибо ^ _ ^

Answer 1

В jquery я бы сделал что-то вроде этого:

$('input').focus(function(){
  $(this).sibling('div.form_tooltip').show();
});
$('input').blur(function(){
  $(this).sibling('div.form_tooltip').hide();
});

соответствующий HTML:

<div class="form_input">
  <label for="..">label</label>
  <input type="text" name="" id="" value="" />
  <div class="form_tooltip" style="display: none;">
    Here goes the html that appears in the tooltip, you probably want this div to be positioned relatively to the div.form_input.
  </div>
</div>