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

Question

我正在制作一个小型Web应用程序，通过php脚本从服务器获取数据。这是用JQuery的AJAX方法完成的。然后，大约三列将在表格中滑落，当用户悬停在一行上时，附加数据会在该行下滑下。

我的问题是：

（一）。我如何滑下桌子（我可以将它附加到一个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你不能错过Dynamic Drive的animatedcollapse.js，它工作得很好，而且很容易定制。