需求如下：
實現效果要求鼠標通過不同的標題時，根據索引值呈現不同的下拉條內容，如果大家會自己寫動畫的話，實現效果肯定比使用jq好很多，而且更加靈活。
這里我們先看一下結構。parasitism被隱藏。我們這里需要給parasitism一個下方10px模糊度為10的灰色陰影
我們引入jQuery，鼠標放到導航條上可以使用mouseover與mouseout或者hover來實現，我這邊為了方便使用了hover，jq還有一個方法，能夠顯示隱藏的盒子并用滑動的動畫來展示。slideDown與slideUp能夠滑動展示和滑動隱藏，設置好從開始到結束的時間。
如果我們頻繁的切換標題，js會頻繁地按照順序觸發(fā)slideUp函數，所以當我們移出div時，我們需要用stop函數立刻停止掉未完成slideUp動畫并給一個新的slideUp動畫，確保關閉動畫最新且唯一。
利用了縮回和展示的一個時間差，再上一個下拉頁面沒有完全縮回的時候，展示下一個子頁面，借助陰影，我們可以實現一個簡單的消失的效果。
上一篇： 如何快速清除element表單驗證
下一篇： 快捷動畫庫animate
