我尝试动画菜单面板。它应向左滑动。但它不能正常工作。我无法理解为什么。
答案 0 :(得分:1)
当前代码存在一些问题(例如,您在一个面板选择器上缺少.
而在更改面板类后没有引用panel1
。我还使用箭头切换到绝对定位在面板内。
我做了一点清理以使更改变得明显(你不应该重复jQuery选择器 - 改为使用temp vars):
$(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');
});
});
});
您可以调整位置编号,使其与您想要的匹配。