小编Dil*_*onB的帖子

我正在使用以下代码让我的按钮在悬停时更改为翻转状态.

$('.button').hover(function(){
$(this).css('background-position', '0 -23px');
}, function(){
$(this).css('background-position', '0 0px');
});

使用.button类应用于所有按钮div,使用background-position函数,其中所有背景图像在同一图像中具有所有三种状态 - 在'0 0px'显示正常状态,在'0 -23px'显示翻转状态,并在'0 -46px'显示活动状态.

我正在试图弄清楚如何让我的按钮在点击时显示它们的活动状态,同时让所有其他.button按钮恢复到正常状态.我尝试了下面的代码,将按钮更改为活动状态,但当鼠标从按钮上移开时,它们会恢复到正常状态.

$('.button').click(function(){
$(this).css('background-position', '0 -46px');
});

谢谢!