Несложный вопрос про jquery !!!

Несложный вопрос про jquery !!!
Вот к примеру, есть строка :

Кнопка

А вот js код:

$("#button").click(function(){
$(this).css("backgroundColor","green");
});

$("#button").click(function(){
$(this).css("backgroundColor","red");
});

Не получается сделать так, чтобы при нажатии на первую кнопку отработал первый вариант, а при повторном второй вариант. Как можно реализовать ?

  • Вот так, например, можно:

    $("#button").click(function(){
    if ($(this).css("backgroundColor") == 'rgb(255, 0, 0)')
    $(this).css("backgroundColor","green");
    else
    $(this).css("backgroundColor","red");
    });

    Нажимаем первый раз - кнопка становится красной,
    Нажимаем второй раз - кнопка становится зеленой.

    Проверено в Firefox.