动画时删除一个类

时间:2014-08-04 08:48:06

标签: javascript jquery

我尝试动画菜单面板。它应向左滑动。但它不能正常工作。我无法理解为什么。

1 个答案:

答案 0 :(得分:1)

当前代码存在一些问题(例如,您在一个面板选择器上缺少.而在更改面板类后没有引用panel1。我还使用箭头切换到绝对定位在面板内。

我做了一点清理以使更改变得明显(你不应该重复jQuery选择器 - 改为使用temp vars):

JSFiddle:http://jsfiddle.net/TrueBlueAussie/2x3uT/8/

$(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');
        });
    });

});

您可以调整位置编号,使其与您想要的匹配。