如何使用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
});