JQuery изменения цвета Div

Question

My Javascript/Jquery немного ржавый, так что это может быть вопиюще очевидным, но у меня есть DIV и хочу, чтобы изменить цвет при нажатии на которую я могу сделать, используя

$(".MyClass").on("click", function() 
{ 
    $(this).css("background", "#0077af"); 
}); 

У меня есть теперь попытался включить это в логическое утверждение if, чтобы при щелчке он менял цвет, а затем, если его снова щелкнуть, он снова возвращается, так далее и т. д., но теперь он ничего не делает.

<script> 
boolean clicked = false; 
$(".League").on("click", function() 
{ 
    if(clicked == false) 
    { 
    $(this).css("background", "#0077af"); 
    clicked = true; 
    } 
    else 
    { 
    $(this).css("background", "#00aeff"); 
    clicked = false; 
    } 
}); 
</script> 

Мои знания Java сильнее, чем Javascript и знание JQuery очень ограничено, поэтому ничего слишком сложным пожалуйста :)

Answer 1

изменения переменная оператор инициализации

boolean clicked = false; 

в

var clicked = false; 

и лучше всего использовать "backround-color", а не "background"