在悬停时显示表格中的其他数据

Question

我正在创建一个小型Web应用程序，通过php脚本从服务器获取数据。这是通过Jquery的AJAX方法完成的。然后在表格中向下滑动大约三列，当用户将鼠标悬停在一行上时，其他数据将在该行下滑动。

我的问题是：

（a）中。如何向下滑动桌子（我可以将它附加到div但看起来不是很优雅）。

（b）我如何存储每行的附加数据，并将其滑入表格中的该行下。

任何帮助将不胜感激， RayQuang

Answer 1

在你的HTML中：

<a href='' class='hoverlink'>row that always displays<span>
fill this span with your query results and html formatting</span></a>

在你的CSS中：

.hoverlink span {
  display:none; }
.hoverlink span:hover {
  display:block; }

或者，如果您想使用依赖于jquery的脚本，那么动态驱动器中的animatedcollapse.js就不会出错，它可以很好地工作，并且可以轻松自定义。