jQuery切換背景色

Question

我有一個jquery函數，當單擊li時，li擴展。 那部分工作正常。 現在，我想要單擊li時切換背景顏色。 但是它有效，但是當我不得不再次單擊li項來取消切換背景色時。 有人可以在正確的方向上協助我實現這一目標。

$(function() {
    $('.a').click(function() {
        var name = $(this).attr("name");
        var content = $('.content[name=' + name + ']');
        $('.content').not(content).hide('fast');
        $('.selected').css('background', 'yellow');
        content.slideToggle('fast');
    });

    $("li").click(function() {
        $(this).toggleClass("highlight");
    });
});​

Answer 1

每次單擊時，將<li> -s設置為默認顏色，並突出顯示當前顏色：

$("li").click(function() {
    $("li").removeClass("highlight");
    $(this).addClass("highlight");
});

...

UPDATE

http://jsfiddle.net/NXVhE/4/

$(function() {
    $('.a').click(function() {  
        $(this).removeClass("highlight");    
        var name = $(this).attr("name");
        var content = $('.content[name=' + name + ']');

        $('.content').not(content).hide();
        content.toggle();
    });

    $("a").click(function () {
        $("a").removeClass("highlight");

        if ( $(".content").is(":visible") ) {
            $(this).addClass("highlight");
        }
    });  
});

Answer 2

假設<li>都是同級的，執行這樣的操作會稍微更有效，並且允許同一頁面上的多個列表相互獨立運行（同樣，假設這是所需的功能）

$('li').click(function() {
  $('this').addClass('highlight').siblings().removeClass('highlight').
});