JQuery: как совместить движение с затуханием

Question

У меня есть изображение стрелки, которую я хочу, щелкнув, переместить влево, скажем, на 200 пикселей, и - во время движения она должна исчезнуть до 0 непрозрачности.

Пока у меня есть:

jQuery.fn.slideFadeToggle = function(speed, easing, callback) {
        return this.animate({opacity: 'toggle', width: 'toggle'}, speed,
easing, callback);
}; 

, какой вид работает, но он не перемещает объект, а уменьшает его ширину. Как мне добиться эффекта «движения» при постепенном исчезновении?

Answer 1

Разве вы не должны изменить width на left?

Как это

jQuery.fn.slideFadeToggle = function(speed, easing, callback) {
    return this.animate({opacity: 'toggle', left: 'toggle'}, speed, easing, callback);
}; 

Answer 2

Попробуйте JQuery UI .Он поставляется с множеством приятных эффектов ...