Javascript 从左到右和从后设置div元素的动画

我有一个由div组成的菜单系统，我想设置left属性的动画，以便在用户每次将鼠标移到菜单项上时滑动，但我需要外部div（黑色）元素随着菜单项从左向右移动而展开。我还希望div元素（.container）向后滑动并收缩外部div元素（此黑色div为0宽度）我有一个基本的例子，奥尔尼把元素移到左边，有点难以完全理解，但这就是你的意思吗

---

您应该能够通过让代码在最后一次执行来修复left is null问题。内容如下：

$('.container').not(':last').find('.menu-item').mouseenter(function () {

这将不适用于绿色框中的菜单项

对于重播问题，我将改变您的播放方式。您可以将长方体放置在希望其结束的位置并将其隐藏，而不是从另一个长方体后面将其滑出，然后可以使用：

.animate({width: 'show'})

这将产生类似的滑动效果

或者类似于我对你的另一个问题的回答，只是没有我之前的崩溃：

---

如果我能重写一下你的html，我会把make-each

。菜单项

放入一个无序列表中

当鼠标输入无序列表时，展开第二个容器。在mouseenter函数中，我将有第二个事件，当你用鼠标输入一个列表项时，你将填充第二个容器和stopPropogation

---

您可能仍然可以在第一个容器上使用鼠标指针，在

div.menu-item

上使用另一个鼠标指针，但是您的第一个容器有额外的高度和宽度。

您能更清楚地说明您拥有什么和您想要什么吗？它们从左到右设置动画…？当我没有下一个元素时，如何从MousCenter语句返回。在我的JSFIDLE示例中，容器只是为了澄清一下-您是指已经展开的div吗当它应该处于空闲状态时再次展开？@Jobsz是的，这是问题所在，@kingjiv抱歉，但我需要一个答案不太像这样，但当我到达最后一个菜单项时，它显示offset（）时，我出现了一个错误左边是空的，它们最终都会有相同的高度和宽度，我只是用它们作为参考，但是你是什么意思停止定位你能给我一个例子吗？我想做的就是停止动画