Изменение непрозрачности вложенного элемента во время анимации jQuery ИЛИ при одновременной анимации jQuery

Question

Есть ли способ изменить непрозрачность вложенного элемента во время анимации jQuery?

Я хочу, чтобы родитель поднялся на 500 пикселей вверх (сверху - = 500).Я хочу, чтобы Nested1 был от 100% -> 25% непрозрачности (непрозрачность: .25) Я хочу, чтобы Nested2 был от 0% -> 100% непрозрачности (непрозрачность: 1)

Есть ли способ сделать это?Или мне нужно запускать параллельные анимации jQuery?

Если мне нужно запускать параллельные анимации jQuery - как мне это сделать?

Answer 1

Вы можете иметь одновременную анимацию, используя jQuery. Но иметь непрозрачность дочернего элемента, отличного от родительского, невозможно. Это не поддерживается ни одним браузером.

$(function () {
    $("#element1").animate({
       top: '-=500px'
    }, { duration: 200, queue: false });
    $("#element2").animate({
       opacity: '25%'
    }, { duration: 200, queue: false });
});