jquery - 使用 jQuery 切换多个命令

Question

我正在尝试构建一个既能打开我的菜单又能同时触发其他命令的菜单按钮。

单击按钮时，菜单应打开且背景变为红色。

再次单击按钮时，菜单应关闭且背景变为绿色。

http://test.bsley.com/rest/menu3/

如有任何帮助，我们将不胜感激!

jQuery:

    $(document).ready(function() {
$("#trigger").click(function() {
    if ($(this).css('background-color') == 'red') {
       alert("test");
    } else {
        $("#panel").slideDown("fast");
        $("body").css( "background-color", "red" );
    }
});
    });        

HTML:

    <div id="panel">Here is the menu</div> <div id="trigger">+ Menu</div>        

Answer 1

点击回调中的this指的是button元素，不是body元素。 试试这段代码

$(document).ready(function() {
    $("#trigger").click(function() {
        var $btn = $(this);

        if ($(this).hasClass('opened')) {
            $('body').css("background-color", "green");
        } else {
            $('body').css("background-color", "red");
        }

        $('#panel').slideToggle('fast', function() {
            $btn.toggleClass('opened');
        });
    });
});

http://jsfiddle.net/CthzA/6/