條菜單與jQuery

Question

首先，我不是一個先進 JQuery的開發人員，但是，我一直在創造我稱之爲條菜單使用jQuery，您可以通過點擊預覽鏈接看到這裏頂部：

http://jsbin.com/uwopu3/edit

當我點擊帶，它及時顯示有關懸停條的內容，但我需要滑動效果的東西，已在此坐做E：

http://jeemsolutions.com/

我試圖給animate功能的1500一段時間，但仍然沒有滑動效果。

我該如何給它提供類似jeemsolutions的滑動效果，上面提供了鏈接。

謝謝

Answer 1

您正在使用animate功能失常。這需要要動畫作爲參數，所以嘗試類似的CSS屬性：

var w = $('#slide').width() - $('.bar').size() * $('.bar').width() + 10; 
$(this).css('text-indent', '0px'); 
$(this).animate({width: w}, 500); 

Answer 2

我知道這聽起來不對，但你爲什麼不乾脆用jQuery Accordions？它可以滿足你的需求，並支持不同的瀏覽器和所有這些。

乾杯