使用jQuery幻燈片/動畫將居中的項目向左移動，同時從右向div滑動

Question

標題不是最好的標題，但是我要完成的是將中心登錄框移到左側， 並在按下錨標簽后從右側滑入div。 基本上將居中的框移動到左側的“列”（因為缺少更好的單詞），然后將div從右側滑入框架，並滑入右側的“列”。

這是到目前為止我所擁有的基本jsFiddle示例： http : //jsfiddle.net/g794j09o/1/

不幸的是，我遇到兩個問題：

1. 如何在框架之外將moreInfo div moreInfo ，而不允許滾動並保持居中的loginBox 。
2. 如何正確使用jQuery幻燈片/動畫功能將loginBox滑到唯一左側，同時在整個moreInfo框中滑動。

我到處尋找其他jQuery幻燈片/動畫問題，發現它們對於學習如何制作動畫有幫助，但是我在解決CSS方面的問題時遇到了問題。

Answer 1

問題是您只是在實際上應該顯示並滑動div的位置滑動了“ moreInfo” div，而不是“將div隱藏在框架外”，您顯然已經做過某種動畫，但是您應該閱讀當您引用“框架”等內容時，請參考網絡編程。（ps我建議使用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