动画div与jquery滑出

Question

我正在尝试动画一个div来滑出我的观点我正在做以下事情：

$this.stop().animate({"left":"0px", width:0}

结果是div包含很多文本，当宽度缩小到width:0时，它看起来很奇怪。如何更改宽度：0以便将div向左移动而不缩小？

Answer 1

demo

只需创建一个宽度在CSS中设置的内部DIV容器 比使用jQuery为所需父级的宽度设置动画。

$this.stop().animate({left:0, width:0});

您不需要px

Answer 2

试试这个：

$('#targetDiv').animate({'width':'0'},2000);

请参阅demo

编辑：

如果要将孩子移动到左侧，则子项的左侧必须小于父级左侧的子项宽度。好的，下面就是我说的话：

<div id="parentDiv" >    
    <div id="targetDiv" style="overflow:auto;height:20px;">
        this is lot of text
    </div>
</div>

脚本：

var target = $('#targetDiv');
var left = '-'+ target.width() +'px';
target.animate({'margin-left': left },2000);

请参阅demo

你明白了吗？让它更整洁