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

Question

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

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

сейчас у меня есть

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