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

Question

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

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

Приветствия