使用jquery从表格单元格中定位展开折叠框

Question

我的问题是，是否有人知道如何实现创建幻灯片的效果 一个tablecell，没有整个表扩展。

它与该特定行的位置无关地滑动 在桌子上，所以也说

否则它看起来很难看，你可以从my page看到 （点击第一行） 我将div放在那里的单元格中

我想我也找到了离开桌心的位置，并将它放在顶部，但是 我不知道该怎么做。

这是我用于幻灯片的代码：

$(".reg_info_body").hide();
$(".reg_info").toggle(function(){
$(this).children(".reg_info_body").slideDown(100);
}, function(){
$(this).children(".reg_info_body").slideUp(300);
}); 

谢谢，理查德

Answer 1

如果你使用css进行vertical-align：top;该表的单元格可以解决您的问题吗？

Answer 2

只需将此添加到div的样式中：

<强> 位置是：固定; 宽度：400像素;

.reg_info_body {
background-color:#F4F4F8;
height:200px;
padding:5px 10px 15px;
position:fixed;
width:400px;
z-index:100;
}

在FF-FireBug中测试

---

如果您想向用户显示有关字段使用jQuery Beauty Tip plugin的提示或信息，则更好。这太棒了，我在我的项目中使用它：）