Animate div的位置從右到左點擊並關閉

我在這裏有一個快速的問題，關於從右向左點擊事件動畫div的位置。我設置了這樣的Animate div的位置從右到左點擊並關閉

#featured { 
position:fixed; 
top:0px; 
right:-400px; 
border-left:1px solid #000; 
background:#fff; 
padding:20px; 
width:350px; 
height:100%; 
opacity:0.9;

}

的CSS現在，我可能會得到這個東西的工作動畫正確的位置爲0px，但我堅持，當涉及到的近點吧再次回來。

我基本上有一個名爲「信息」的div。點擊時，#featured被設置爲動畫，並使div＃關閉，讓#featured動畫回到其原來的右側：-400px;位置。

我發現其他職位與動畫功能，但沒有一個「關閉」「打開」功能。由於我在Jquery方面仍然是noob，所以我想我問她。任何幫助woul將不勝感激。

來源

2013-02-18 user1756847

可以使演示這裏http://www.jsfiddle.net – coder 2013-02-18 14:02:08

嘗試這一次，

$("#target").click(function() { 
    var left = $('#coolDiv').offset().left; 
    $("#coolDiv").css({ 
     left: left 
    }).animate({ 
     "left": "0px" 
    }, "slow"); 
});

Demo Here

來源

2013-02-18 14:12:42

嗨感謝您的回答，我想這一個。但是，一旦動畫被解僱，我需要編輯什麼才能「關閉」它？ – user1756847 2013-02-18 14:15:33

'close'是你的意思，關閉div還是停止動畫？ – 2013-02-18 14:19:47

我的意思是讓div動畫回到原來的位置。例如我的div是-400px的權利。當動畫被激發時，它移動到右邊400px，當按下「關閉」按鈕時，它會回到它的原始位置-400px。我必須執行此操作才能使其在手機上工作，並使用div – user1756847 2013-02-18 14:24:30

Animate div的位置從右到左點擊並關閉

回答

相關問題