如果元素包含文本，animate（{width：＆＃39; toggle＆＃39;}）会跳转？

Question

我有一个表格，我显示并隐藏列。我使用以下代码来＆＃34;动画＆＃34;列切换：

$('table tr td:nth-child(' + 2 + ')').animate({width: 'toggle'});

如果列中没有文本，这可以正常工作，但如果它有文本，那么＆＃34;切换＆＃34;变得好斗。 （jsFiddle example）

有没有办法顺利地将列滑入和滑出？

Answer 1

因为幻灯片效果会逐渐减少单元格的空间，所以文本会按原样跳转并使用表格元素，而不进行任何修改会产生副作用。

您可以考虑使用另一种不会改变宽度的效果，例如fadeToggle。

代码：

$('a').click(function(){
    $('table tr td:nth-child('+2+')').fadeToggle();
});

演示：http://jsfiddle.net/X2b2c/