使用jquery从表格单元格定位扩展折叠框答案

【问题标题】：positioning expanding collapsing box from a table cell with jquery使用jquery从表格单元格定位扩展折叠框
【发布时间】：2010-10-25 10:57:53
【问题描述】：

我的问题是，是否有人知道如何实现从一个表格单元，没有整个表格展开。

它太独立于该特定行的位置滑动在桌子上，也是这样说的

否则它看起来很难看，正如您从 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);
});

谢谢，理查德

【问题讨论】：

标签： jquery panel expand collapsable

【解决方案1】：

如果你使用 css 来垂直对齐：top;那张表格的单元格能解决你的问题吗？

【讨论】：

【解决方案2】：

只需将其添加到您的样式中即可：

位置：固定；宽度：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。太棒了，我在我的项目中使用它:)

【讨论】：

感谢工具提示链接 - 这很好 - 但我希望将事情保持在桌面范围内。