桌面上的jQuery slideToggle然后切换(没有幻灯片)

我有一个表格,它有一个标题行,一个“项目”行,如果你愿意,还有一个细节行。 项目行和详细信息行将重复,以便表格中的每个偶数行(即表格中的第二行是第一个“项目”行)将是项目行,每个奇数编号将是“详细信息“行,标题除外。

下面的脚本工作,除了jQuery slideToggle没有滑动。 在展开操作上,它只是打开,在崩溃操作上需要一秒钟然后消失。

请参阅下面的表结构和脚本: jsFiddle (单击“Column [1,2,3] row”)

 $(document).ready(function () { $("#sometable tr:odd").addClass("odd"); $("#sometable tr:not(.odd)").hide(); $("#sometable tr:first-child").show(); $("#sometable tr.odd").click(function () { $(this).next("tr").slideToggle("slow"); }); }); 

 

slideToggletr不兼容。 我认为它与overflow: hidden不使用tr

最简单的解决方法是简单地slideToggle p而不是tr

http://jsfiddle.net/hEyDN/4/

Header1 Header2 Header3
Column1 Column2 Column3

Details about item 1