toggleclass与背景图像问题

Question

我有一个带有id的div，我想在2个类之间切换。 当我点击显示不同的背景图像（内部，实际上，在第二个类中）时，目的是更改类。 div带有类默认值

 <a href="#"><div id="equipment" class="flash"> </div></a>

这是css

 #equipment {

float: right;
margin-right: 30px;
width: 55px;
height: 81px;

 }
   .flash {


background: url('equipment.jpg');
background-size: 55px 81px;
background-repeat: no-repeat;
     }


.flashOn {



background: url ('equipment3.jpg')  no-repeat scroll;
background-size: 55px 81px;

font-size: 20px;


     }

这是简单的jquery

 $('#equipment').click(function(){

 $('#equipment').toggleClass('flashOn');

 }); 

我测试了并且toggleClass部分工作。随着字体大小的改变..但它不会改变div中的背景图像。任何线索？提前致谢。， 保罗

Answer 1

变化

$('#equipment').click(function(){

 $('#equipment').toggleClass('flashOn');

 });

到

    $('#equipment').click(function(){

 $('#equipment').toggleClass('flashOn flash');

 }); 

http://jsfiddle.net/osmanrahimi/xwnKP/215/