Javascript 设置动画时删除一个类

我尝试设置菜单面板的动画。它应该向左滑动。但它不起作用。我不明白为什么

当前代码存在一些问题（例如，在更改面板类别后，您在一个面板选择器上缺少一个

，并且没有引用

panel1

。我还使用面板内的箭头切换到绝对定位

我做了一些清理以使更改变得明显（您不应该重复jQuery选择器-而是使用临时变量）：

JSFiddle： 您可以调整位置编号，使其与您想要的匹配

$(function () {
    $('.slider-arrow').click(function () {
        var $this = $(this);
        var $panel = $(".panel, .panel1");
        var left = -53;
        var text = '»';
        if ($this.hasClass('hide')) {
            text = '«';
            left = 0;
        }
        $panel.animate({
            left: left
        }, 700, function () {
            // Animation complete.
            $this.html(text).toggleClass('hide').toggleClass('show');
            $panel.toggleClass('panel').toggleClass('panel1');
        });
    });

});