Стиль переполнения стека расширяет информацию тега?

Question

Обычные пользователи переполнения стека заметят, что когда вы наводите курсор мыши на тег здесь, поле под тегом будет анимировано, чтобы показать больше информации о нем.Один из моих боссов хочет, чтобы каждый тег td в одном столбце в table на нашем сайте делал то же самое.Очевидно, что есть способы сделать это, используя только jQuery для анимации открытия div или чего-то еще.Есть ли плагин специально для этого, который кто-то думает, будет лучше, или конкретный способ, которым это должно быть сделано с использованием jQuery?

Answer 1

Если бы я подошел к этой проблеме, я бы использовал jQuery + jQuery UI. Я хотел бы создать абсолютно позиционированный div и стилизовать его так, как вам нравится.

Затем с помощью функции наведения jquery вы сможете заставить этот div появляться и исчезать.

* 1005 Е.Г. *

$("#button").hover(
  function () {
    $("#hidden-div").fadeIn("fast");
  },
  function () {
    $("#hidden-div").fadeOut("fast");
  }
);

Answer 2

qTip - хороший плагин, который вы можете использовать.

Answer 3

Ищите метод в jquery:

.toggle()

http://api.jquery.com/toggle/

Может быть, это поможет вам.