如何使用 jQuery 同时为多个效果设置动画？

Question

我正在使用 jQuery 的 animate() 函数为 div 设置动画。当我给出多个效果（如高度 140 和宽度 200）时，下一个效果只有在前一个效果完成后才会开始。我想同时执行。任何帮助将不胜感激。

$(document).ready(function(){
    $(".gal_item").hover(function(){                    
        $(this).children().animate({height:110},"medium");
        $(this).children().animate({width:110},"medium");
    });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="gal_item"><img src="images/2.jpg" width="120" height="100" /></div>
<div class="gal_item"><img src="images/3.jpg" width="120" height="100" /></div>

Answer 1

animate 方法接受多种样式声明，你可以简单...

$(document).ready(function(){
    $(".gal_item").hover(function(){                    
        $(this).children().animate({
            height:110,
            width: 110
        }, "medium");
    });
});