最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

javascript - jQuery table row expandcollapse - Stack Overflow

programmeradmin2浏览0评论

I've got a table and it has rows that are collapsible when clicked on the table heading.

Problem is it doesn't seem to be very smooth, there's a lag and jump once I click on the header and when the content shows. Does anyone know how to fix this?

See example build »

I've got a table and it has rows that are collapsible when clicked on the table heading.

Problem is it doesn't seem to be very smooth, there's a lag and jump once I click on the header and when the content shows. Does anyone know how to fix this?

See example build »

Share Improve this question edited Nov 23, 2017 at 19:25 Brian Tompsett - 汤莱恩 5,89372 gold badges61 silver badges133 bronze badges asked May 25, 2011 at 3:55 calebocalebo 3,44210 gold badges48 silver badges69 bronze badges
Add a ment  | 

1 Answer 1

Reset to default 4

Unfortunately, table rows does not animate (with jquery) - see this related question on SO: How to Use slideDown (or show) function on a table row?

Work-around will be to use div based layout or try out wrapping td content into divs and animating those divs - see this fiddle. Of course, you have to adjust the css.

发布评论

评论列表(0)

  1. 暂无评论