Javascript Jquery在两个单独的div中同时移动内容

Javascript Jquery在两个单独的div中同时移动内容,javascript,jquery,css,Javascript,Jquery,Css,我(努力)在一个jsFiddle上工作,以获得两个div来加载内容,并基于一个select触发器来激活targetID并向上滑动到container div中 因此,我需要内容在左侧向上滑动,图像内容在右侧向上滑动 我让content div正常工作,但是当第二个函数启动以启动image div时,它将填充在左侧content div中,而不是右侧image div中 非常感谢jsFiddler的任何帮助 提前谢谢 您的问题是图像实际上没有插入到正确的父元素中。这一行: object2.show

我(努力)在一个jsFiddle上工作,以获得两个div来加载内容,并基于一个select触发器来激活targetID并向上滑动到container div中

因此,我需要内容在左侧向上滑动,图像内容在右侧向上滑动

我让content div正常工作,但是当第二个函数启动以启动image div时,它将填充在左侧content div中,而不是右侧image div中

非常感谢jsFiddler的任何帮助


提前谢谢

您的问题是图像实际上没有插入到正确的父元素中。这一行:

object2.show();
应改为:

object2.show().appendTo("#imgContainer");
然后它在右边的元素中,显示右边。 更新小提琴:

希望这有帮助

编辑:作为另一个小问题,图像的定位是错误的。在第二个函数中,这是:

top: 42,
应更新:

top: 0,
使其与容器对齐


编辑编号2:根据一条评论,我再次更新了fiddle(),在第一个函数中添加了一个
appendTo
——只是为了技术上的正确性。

技术上它可能没有(没有父函数),但我离开了它,因为它工作正常。将编辑。
top: 0,