如何切换.animate函数jQuery

Question

[我正在寻找一种使用.animate函数在点击时切换此动画的方法（我正在寻找一种不会切换CSS类的解决方案）

[我想要实现的是通过按钮（.about）打开的覆盖菜单，该菜单将#header id的动画从90px宽度切换到100％宽度，然后动画回到90px宽度以关闭]]

当前动画仅在单击时播放一次

$(".about").click(function () {

    $("#header").animate({
        width: '100%'
    }, 1000);

    $('footer').addClass("show");

    $("footer").animate({
        opacity: 1
    }, 300);

});


$("footer").click(function () {


     $("footer").animate({
        opacity: 0
     }, 300);


    $("#header").animate({
        width: '90px'
    }, 1000);

});
有人对此有任何建议或参考吗？

[我正在寻找一种使用.animate函数在点击时切换此动画的方法（我正在寻找一种不会切换CSS类的解决方案。）我试图实现的是打开一个覆盖菜单。 。

Answer 1

您本可以使用old toggle method来获取多个控点，并在每次单击时将其循环。但是，由于不推荐使用，因此实现切换的最佳方法是检查宽度，然后进行相应设置。另一种选择是使用toggleClass