当使用jQuery slideToggle()函数来显示/隐藏表中新行的数据时,它会使其发生故障.但是,当使用slideToggle()显示/隐藏< div>它工作非常顺利.
谁能告诉我为什么会发生这种情况?
小提琴示例:http://jsfiddle.net/gLGUG/
jQuery代码:
$("tr").click(function () { $(".slideMe").slideToggle(); }); $(".slideMeDiv,button").click(function () { $(".slideMeDiv").slideToggle(); });
HTML标记:
<table> <tr> <td>One Row</td> </tr> <tr> <td>Click me</td> </tr> <tr class="slideMe"> <td>SlideDOWN</td> </tr> </table> <br /> <button>Slide Div</button> <div class="slideMeDiv"> Slide me as well </div>
解决方法
在表中提到border =“0”cellspacing =“0”cellpadding =“0”
<table width="100%" border="0" cellspacing="0" cellpadding="0">
这将解决跳跃问题
另外对于滑动效果,您需要用div包装文本,并将div放在td的旁边
这里是jsFiddle File更新