JQuery Z-индекс и анимация проблемы

Question

У меня есть код, который анимирует мои изображения по клику, а затем добавляет к нему z-index.

Теперь мне нужно, чтобы, когда я нажимал кнопку закрытия, мне нужно было анимировать ее обратно в исходное состояние, а затем изменить z-index на прежнее.

В настоящее время он изменяет z-индекс, а затем анимирует, поэтому выглядит немного странно

Вот пример

Возможно ли это сделать?

Я пытался поместить delay до изменения z-индекса, но он все еще не работает

Есть идеи?

Answer 1

http://jsfiddle.net/hD72c/1/ обновлено и исправлено

Все, что вам нужно сделать, это переключиться на z-index: 1 в качестве обратного вызова в конце анимации, а не менять его сразу после нажатия кнопки закрытия

Answer 2

http://jsfiddle.net/hD72c/3/

Я просто поместил css вместо оригинального z-index в функции обратного вызова (вместо использования задержки, поскольку .css() не добавляет в очередь анимации, он выполняетнемедленно)