jQueryアニメーション中に入れ子要素の不透明度を変更するまたは並行jQueryアニメーションを実行する

Question

jQueryアニメーション中に入れ子要素の不透明度を変更する方法はありますか？

親が500px（上端= 500）上に移動します。私はNested1が100％からにしたい - > 25％の不透明度（不透明度：0.25） - ：

はこれを行う方法はあります> 100％の不透明度（1不透明度）を は、私は0％からのNested2をしたいですか？または、並行jQueryアニメーションを実行する必要がありますか？

並行jQueryアニメーションを実行する必要がある場合、どうすればよいですか？

Answer 1

jQueryを使用して同時にアニメーションを作成することができます。しかし、親と異なる子要素の不透明度を持つことはできません。これはブラウザによってサポートされていません。

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