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

发布于 2024-07-20 09:02:36 字数 549 浏览 15 评论 0原文

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

它也独立于该特定行的位置滑动在桌子的顶部，所以也可以说，

否则它看起来很难看，正如您从我的页面（点击第一行）我将 div 放置在单元格内，

我想我也找到了表格单元格的位置并将其放置在其顶部，但是我还不知道该怎么做。

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

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

谢谢，理查德

原文

My question is if anyone knows how too achieve the effect of creating a slidedown from
a tablecell, without having the whole table expand with.

It has too slide independantly from the location of that particular row
on top off the table, so too speak

otherwise it looks ugly as you can see from my page
(click on the first row)
I placed the div inside the cell there

I think I have too find the position off the tablecell and position it on top off it, but
I do not know how to do that yet.

this is the code I used for the slide:

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

thanks, Richard

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

挥剑断情 2024-07-27 09:02:36

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

回复收藏 0 原文

顾忌 2024-07-27 09:02:36

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

position:fixed;
width:400px;

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

在 FF-FireBug 中进行测试效果

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

simply add this to your style fro div:

position:fixed;
width:400px;

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

Tested in FF-FireBug

better still if you want to show hints or info to user about the field use jQuery Beauty Tip plugin. It is fantastic and I'm using it in my project :)

回复收藏 0 原文

~没有更多了~