Какой из параметров или атрибутов в данном коде устарел?

[Ленча]

Тестирую код

$("#bar")
	.css({
		"background":"yellow",
		"border":"5px solid purple"
 		})
	.animate({
	   "width":"100px",
	   "height":"100px"	
	    },
		{
		"duration":"9000",
		"easing":"swing",
		"complete":function(){
				console.log("Анимация завершена");
       						},
		"step":function(){
		console.log("Этап завершен");
		            	},
		"queue":"true",
		"specialEasing":{
		"width":"linear"
						}	
			});

http://jsfiddle.net/cq9dzLbe/2/

Работает только на версии JQuery 1.6.4 - стоит только поднять версию хоть на ступень выше - анимация перестает работать.
Кто тут умер? И есть ли замена?

[Aetae]

Разве сложно пойти и посмотреть, что именно не соответствует официальной документации?

[Ленча]

Спасибо за пинок в нужном направлении. Посмотрено. Пришла к выводу, что это queue

Вот только прикрутить ее правильно у меня не получается.
Этот код выполняется без проблем

$("#bar")
			.css({
				"background":"yellow",
				"border":"5px solid purple"
				})
			.animate({
				 "width":"500px",
				"height":"100px"	
					 },
					{
					"duration":"9000",
					"easing":"swing",
					"complete":function(){
							console.log("Анимация завершена")
							},									
					 "step":function(){
							console.log("Этап завершен")
							},
					 "spеcialEasing":{
							"width":"linear"
								}	
					});

А вот так не работает

$("#bar")
			.css({
				"background":"yellow",
				"border":"5px solid purple"
				})
			.animate({
				 "width":"500px",
				"height":"100px"	
					 },
					{
					"duration":"9000",
					"easing":"swing",
					"complete":function(){
							console.log("Анимация завершена")
							},									
					 "step":function(){
							console.log("Этап завершен")
							},
					 "spеcialEasing":{
							"width":"linear"
								}	
					})
                                   .queue(function() {
							alert( "Animation complete." )};
					$( this ).dequeue();

Я правильно вообще ее прикручиваю?
Не могу найти ошибку(

[Aetae]

1. Обзаведитесь редактором с полноценной подсветкой синтаксиса.
2. Смотрите в консоль(f12). Всегда смотрите консоль. Там вам пишут и где ошибка и что за ошибка. Без этого даже пытаться разрабатывать что-то нет смысла.

$("#bar")
.css({
  "background":"yellow",
  "border":"5px solid purple"
})
.animate({
  "width":"500px",
  "height":"100px"   
},{
  "duration":"9000",
  "easing":"swing",
  "complete":function(){
    console.log("Анимация завершена")
  },                                 
  "step":function(){
    console.log("Этап завершен")
  },
  "spеcialEasing":{
    "width":"linear"
  }  
}).queue(function(){
  alert( "Animation complete." );
  $( this ).dequeue(); //это должно быть внутри функции
}); //здесь у вас пропущена закрывающая круглая скобка

[Ленча]

1) Пользуюсь notepad++ - настроила стили. По дефолту все было одного цвета.
2) В консоль смотрела, но консоль мне почему-то указывала на совсем другую строку. Вот так

SyntaxError: missing ) after argument list


...omplete":function(){
console.log("Анимация завершена")
}, ...

Потому и не смогла найти ошибку.

Спасибо за помощь

А, кажется, я поняла почему на другую строчку ...