单击时更改CSS,然后在下一次单击时再次返回

Question

我环顾四周寻找答案,对我来说没什么用.我希望能够单击一个div并更改背景,然后在下一次单击div时我希望它再次更改.第一部分有效,但我无法弄清楚如何做第二部分.

这是有效的(使用jQuery):

$(document).ready(function(){
$('.button').click(function() {
$('.icon').css("background-position", "0px 0px");
});
});

任何帮助将不胜感激,谢谢.

Answer 1

我建议使用.toggleClass并将相关的css放入一个类中,而不是使用.css方法:

$('.icon').toggleClass('myClass');

你的班级定义:

.myClass { background-position: 0px 0px };

.toggleClass方法将添加该类(如果它尚未存在)或删除它(如果它已存在).