我尝试为菜单面板设置动画。它应该向左滑动。但这行不通。我不明白为什么。
最佳答案
当前代码存在一些问题(例如,您在一个面板选择器上缺少一个.
,并且在更改面板类后未引用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/