javascript - 使用 jQuery slide/animate 从右侧在 div 中滑动时将居中元素向左移动

Question

标题不是最好的，但我想完成的是将中心登录框移动到左侧并在推送 anchor 标记时从右侧滑入div。基本上是将居中的框移动到左侧的“列”(找不到更好的词)，然后将 div 从右侧滑入框架，进入右侧的“列”。

这是我目前拥有的基本 jsFiddle 示例:http://jsfiddle.net/g794j09o/1/

不幸的是，我遇到了两个问题:

1. 如何在不允许滚动和保持居中的 loginBox 的情况下将 moreInfo div 排列在框架外。
2. 如何正确使用 jQuery 滑动/动画功能将 loginBox 滑动到仅向左一点，同时滑动整个 moreInfo 框。

我环顾四周寻找其他 jQuery 幻灯片/动画问题，发现它们有助于学习如何制作动画，但我在解决 CSS 方面的所有问题时遇到了问题。

Answer 1

问题是你只是在滑动“moreInfo”div，实际上你应该显示和滑动 div 而不是“将 div 隐藏在框架之外”，你之前显然已经做过某种动画但是你应该阅读网络编程，因为你指的是“框架”等。(p.s 我推荐 MVA 学习新主题)

无论如何，这就是 Jquery，它并不完美，但这应该可以为您提供所需的垫脚石:

$("#moreInfo").click(function() {
    $("#divLogin").animate({ marginLeft: "-387px"} , 1000);
    setTimeout(divmoreinfo, 2000);
});

function divmoreinfo() {
     $("#divLogin").addClass('divLoginFloat');
     $("#divMoreInfo").show('slide', {direction: 'right'}, 1400);    
}

JSFiddle