我尝试为菜单面板设置动画。它应该向左滑动。但这行不通。我不明白为什么。

最佳答案

当前代码存在一些问题(例如,您在一个面板选择器上缺少一个.,并且在更改面板类后未引用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');
        });
    });

});


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

关于javascript - 动画时删除一类,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/25114829/

10-11 23:33
查看更多