jQuery反彈到位

Question

我需要我的列表項元素彈跳到位，而不是完全相反。

我創造了我的意思一個的jsfiddle：http://jsfiddle.net/RGvjj/

有人能告訴我，爲什麼元素正在做的，我需要做什麼來解決這個問題？

Answer 1

嘗試從<li>中刪除inline顯示，並使用float:left代替。

試試看：

#navigation li { 
    font-size: 20px; 
    margin-left: 10px; 
    padding-left: 10px; 
    border-left: 3px solid #1161A5; 
    color: #ffffdd; 
    text-decoration: none; 
    float:left; 
} 

---

編輯：要解釋一下，我猜這種情況正在發生，因爲當你的動畫元素，jQuery的改變display到block。所以你最後在inline元素（<li>）內部的block元素（<a>）不起作用。

通過使用float:left，所述<li>保留其block顯示，這使得它適用於在<a>是block。