Полоски меню с JQuery

Question

Прежде всего, я не расширенного JQuery разработчик, однако, я создавал то, что я называю Полоски меню с JQuery, вы можете увидеть его здесь, нажав на Preview ссылки на верх:

http://jsbin.com/uwopu3/edit

Когда я нажимаю на полосу, он быстро показывает содержимое, имеющие отношение к наведен полосе, но мне нужно эффект скольжения что-то, что было сделано на этом сидеть е:

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? Он делает то, что вам нужно, и поддерживается для разных браузеров и всего этого.

Cheers