我看到了一个 CSS3 菜单,它有很好的过渡效果:
transition: all 0.3s ease 0.1s;
我想对我的表应用相同的转换。我有一个表格,单击表格行时,单击行后会附加新行并显示或隐藏。
就像在下面的代码中一样(clickedTableRow 的值为单击行的 jQuery 选择器):
clickedTableRow.after('<tr style="display:none;"><td>some content</td></tr>');
clickedTableRow.next().slideDown(3000);
而不是slideDown
我如何将上面的 css 转换应用到新添加的表格行,或者是否有 javascript 等价物?
问题更新:
也许我应该改写。慢慢滑下一些新创建的内容的最佳方法是什么?
这好像是:
clickedTableRow.after('<tr><td>some content</td></tr>').slideDown(3000);
看起来与以下内容相同:
clickedTableRow.after('<tr><td>some content</td></tr>');
没有 slideDown 效果,我在这里缺少什么?