jQuery的動畫切換 - 動畫只能在第二次點擊

任務：我想創建一個簡單的分享按鈕延伸至每股部分（F，T，G，P）點擊時。jQuery的動畫切換 - 動畫只能在第二次點擊

我沒有讓部分滑出分享按鈕的 - 我真的，真的很想 - 但設法讓一個單獨的ul元素滑出右側。

動畫工作... 直到我設置ul通過$('.networks').hide();

最初隱藏部分的目的是點擊後才顯示出來，但現在後先點擊它只是「彈開」無視配置滑出。只有滑動在兩個方向（打開和關閉）點擊它至少一次之後。

我上傳爲例here at Codepen.io和作爲jsFiddle。

旁註：演示的行爲有點怪，因爲他們出現只顯示滑入FX。滑出FX，與我們開始，總是看起來像它彈開 - 這是不是這樣，它的作品第二次點擊後，所以你必須關注你的眼睛看到它（在一個普通的瀏覽器，它明顯作品更好）。

PS：獎勵積分，如果你幫我做這個滑出的「共享」按鈕。請注意，我只有基本的Javascript知識（* duck和run *）。

2012-10-07 pattulus

看看這個小提琴link。

我改變了按鈕的顯示屬性是內聯塊，而不是內聯。顯示內聯元素不能有寬度，我認爲這是爲什麼jQuery無法動畫元素寬度的原因。我也動畫了ul而不是ul的包裝。

編輯：做的事滑出按鈕的快速樣機。改變了一些CSS在列表元素本身而不是一個元素，只是通過CSS工作，我認爲它會看起來不錯。編輯忘了鏈接：link

2012-10-07 17:07:27

我能說什麼更多：完美。非常感謝好友。我整個週末都在思考這個問題，無法擺脫困境。我絕對不會猜測，將inline-block改爲inline-block可以解決我試圖解決的問題。現在，即使我正在尋找的滑出功能也能正常工作（也請感謝模型）。 – pattulus

非常感謝:) –

回答