jQueryを使用して背景画像のスプライトを切り替える方法

Question

私は彼らがこれに似た投稿をしていることを知っていますhttp://bit.ly/wz7kyqしかし、私の場合は解決策が得られませんでした。

私は、スプライトを移動するために、 "expand"のクラスをオンとオフに切り替える必要があるクラス "menu-button"を持つ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 
});