Почему 'opacity': 'toggle' не работает?

Question

[Дмитрий]

Подскажите почему не работает 'top': 'toggle' и 'opacity': 'toggle' ?
закомментированный вариант работает нормально, но только в сторону отображения.
Нужно сделать что-то вроде функции .toggle, но в пользовательской анимации.

$(document).ready(function(){
  $('a').click(function(){
    $('img').animate({
      'top': 'toggle',//top:0
      'opacity': 'toggle'//opacity:1
    }, 700);
  });
});

Comments

[Dark Hole]

так нельзяж

[Дмитрий]

Dark Hole: а здесь говорят что можно( jquery-docs.ru/Effects/animate/#code )

Answer 1

[Дмитрий]

в методе .animate в качестве css используется набор пар "свойство:значение". Метод будет изменять текущие значения указанных свойств в сторону переданных в каждой паре.

А в вашем пример свойство top должно получить итоговое значение 'toggle', что неверно.

PS псевдо-алгоритм .toggle() так работать не будет.

Comments

[Дмитрий]

jquery-docs.ru/Effects/animate/#code взял здесь такой вариант

Answer 2

[Дмитрий]

Нашел решение:

$(document).ready(function(){
  var $img = $('img');
  
  $('a').click(function(){
    if ($img.css('opacity') == 0) {
      $img.animate({
        top: 0,
        opacity: 1
      }, 1500);
    } else {
      $img.animate({
        top: '-5px',
        opacity: 0
      }, 1500);
    }
  });
});