jQuery slideToggle添加空白区域

问题描述：

我在StackOverflow上发现了几个类似的问题，但是我无法为自己找出解决方案。jQuery slideToggle添加空白区域

当您重复展开和折叠表格时，它将空行添加到表格的顶部。我如何消除这种行为？

是最容易看到我的小提琴：My Code

这里是我的jQuery

$(function() { 
    $('.header').click(function() { 
     $(this).nextUntil('tr.header').slideToggle(0); 
    }); 
});

这里是CSS：

tr.header { 
    cursor:pointer; 
}

这里是HTML（缩短为了这个问题）：

<table align="center"> 
<tr class="header"> 
    <td colspan="6" style="text-align:center;font-weight:bold">20 Accounts are Uninsured - Click to Expand</td> 
</tr> 
<tr style="display: none;"> 
    <td width="120">Account Number</td> 
    <td width="200">Borrower</td> 
    <td width="200">CoBorrower</td> 
    <td width="220">Vehicle</td> 
    <td width="110">VIN</td> 
    <td width="120" align="center">View Policy Info</td> 
</tr> 
<tr style="display: none;"> 
    <td> 
     <div align="center">46546</div> 
    </td> 
    <td>Jerry Junko</td> 
    <td></td> 
    <td>2004 Ford F-250 SD</td> 
    <td>4SD65S46D4S6D</td> 
    <td style="text-align:center"><a href="">View</a> 

    </td> 
</tr> 
</table>

随着'.slideToggle（0）'你不即使考虑幻灯片的优势。如果你把它改成'.toggle（）'，问题就会消失。可能是jQuery版本中的一个小故障。 – j08691 2014-08-27 16:08:06

我确实在1000，但将其更改为0进行测试。切换到切换工作，谢谢。 – user1080943 2014-08-27 16:13:03

答

好，非常棘手的一个，但我发现这个问题属于jQuery的你是指即1.6.4。一旦你改变它，你将不会再看到这个故障。

我建议您使用1.11.x或2.x.x的最新版本。这些库具有非常好的性能优化和新的API和功能集。 jQuery 1.6.4相当陈旧。

工作小提琴：http://jsfiddle.net/6u0580jq/2/

也看到它在w/jQuery 1.7.2的小提琴..远离1.8.3 – twill 2014-08-27 16:23:35

是的，旧的jQuery库有问题。如'1.6.x'和'1.7.x' – 2014-08-27 16:24:53

jQuery slideToggle添加空白区域

相关推荐