Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/448.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如果元素包含文本,则动画({width:';toggle';})跳转?_Javascript_Jquery_Html - Fatal编程技术网

Javascript 如果元素包含文本,则动画({width:';toggle';})跳转?

Javascript 如果元素包含文本,则动画({width:';toggle';})跳转?,javascript,jquery,html,Javascript,Jquery,Html,我有一个表,可以在其中显示和隐藏列。我使用以下代码“动画化”列切换: $('table tr td:nth-child(' + 2 + ')').animate({width: 'toggle'}); 如果列中没有文本,则可以使用此选项,但如果列中有文本,则“切换”会跳变。() 是否有一种方法可以顺利地将立柱滑入和滑出 这是因为幻灯片效果逐渐减少了单元格的空间,因此文本向下跳转,表格元素保持原样,没有任何修改,这是一个副作用 可以考虑使用不改变宽度的另一个效果,如 FaTDoGruts< /C

我有一个表,可以在其中显示和隐藏列。我使用以下代码“动画化”列切换:

$('table tr td:nth-child(' + 2 + ')').animate({width: 'toggle'});
如果列中没有文本,则可以使用此选项,但如果列中有文本,则“切换”会跳变。()


是否有一种方法可以顺利地将立柱滑入和滑出

这是因为幻灯片效果逐渐减少了单元格的空间,因此文本向下跳转,表格元素保持原样,没有任何修改,这是一个副作用

可以考虑使用不改变宽度的另一个效果,如<代码> FaTDoGruts< /C> > < /P> 代码:

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

演示:

问题源于您正在使用一个表,请参见:@a.Wolff当然,通过将显示从
表单元格
更改为
内联块
,它的行为不再像一个表@Blazemonger ya,这就是问题所在,为桌子设置动画