如何使用jQuery切換背景圖像精靈

Question

我知道他們在這裏是http://bit.ly/wz7kyq上的一個類似帖子，但我無法得到任何解決方案在我的情況下工作。

我有一個類「菜單按鈕」的div，需要切換一個「展開」類開啓和關閉，以移動精靈。

現在我有

$('.menu-button').click(function(){ 
     $(this).toggleClass('expanded'); 
    }); 

    $('.menu-button').click(function(){ 
     if($(this).hasClass('expanded')) 
     { 
      $(this).removeClass('expanded'); 
     } 
     else 
     { 
      $(this).addClass('expanded'); 
     } 
    }) 

然而，這似乎並沒有做任何事情。任何有關這個問題的幫助將不勝感激。

Answer 1

看起來你的代碼本身的矛盾：

$('.menu-button').click(function(){ 
     $(this).toggleClass('expanded'); // toggles the "expanded" class 
    }); 

    $('.menu-button').click(function(){ 
     if($(this).hasClass('expanded')) 
     { 
      $(this).removeClass('expanded'); // reverts the toggle change above 
     } 
     else 
     { 
      $(this).addClass('expanded'); // reverts the toggle change above 
     } 
    }) 

你爲什麼做同樣撥動兩次？這應該是足夠的：

$('.menu-button').click(function(){ 
    $(this).toggleClass('expanded'); // toggles the "expanded" class 
});