堆栈溢出样式扩展标签信息？答案

【问题标题】：Stack Overflow style expanding tag information?堆栈溢出样式扩展标签信息？
【发布时间】：2012-02-17 16:58:13
【问题描述】：

Stack Overflow 的普通用户会注意到，当您将鼠标悬停在此处的标签上时，标签下方的框会以动画方式打开以显示有关它的更多信息。我的一位老板希望我们网站上table 的一列中的每个td 标签都做同样的事情。显然，有一些方法可以仅使用 jQuery 来动画打开 div 或其他东西。是否有任何人认为会更好的专门为此的插件，或者应该使用 jQuery 完成的特定方式？

【问题讨论】：

标签： javascript jquery dynamic-data

【解决方案1】：

如果我要解决这个问题，我会使用 jQuery + jQuery UI。我会创建一个绝对定位的 div 并根据需要设置它的样式。

然后使用 jquery 悬停功能，您将能够使此 div 出现和消失。

例如

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

【讨论】：

如果没有更好的解决方案，这就是我要做的事情。反正这很简单，我想我会避免添加另一个插件。

【解决方案2】：

qTip 是一个不错的插件，你可以使用。

【讨论】：

【解决方案3】：

在jquery中寻找方法：

.toggle()

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

也许这可以帮助你。

【讨论】：