Как переключить спрайт фонового изображения с помощью jQuery

Question

Я знаю, что они были похожим сообщением об этом здесь http://bit.ly/wz7kyq, но я не мог получить какие-либо решения для работы в моем случае.

У меня есть div с классом «menu-button», который должен включать и выключать класс «расширенного», чтобы переместить спрайт.

прямо сейчас у меня есть

$('.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 
});