Javascript Цвет фона переключения

Question

Я пытаюсь использовать JavaScript, чтобы контролировать цвет фона элемента формы, что я до сих пор:

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('option.POIs').click(function() { 
     $(this) 
      .css('background-color','#EE178C') 

     }); 
    }); 

    </script> 

Он хорошо работает, но я хотел бы, чтобы он переключаться между ними, чтобы различные цвета. Цвет по умолчанию будет #FFFFFF, а другой будет # EE178C. Поэтому, когда страница загружает цвет bg, это #FFFFFF, когда я нажимаю на элемент, который bg меняет на # EE178C, и если я нажму на него снова, он вернется к #FFFFF.

Любая помощь будет оценена!

Answer 1

FYI

.POIs{background:#fff}.POIs.toggle{background:#EE178C} 

сценарий

$('option.POIs').click(function() {$(this).toggleClass('toggle')}) 

Answer 2

Вы можете использовать псевдоселектор :focus для этого в своем CSS. Javascript не требуется.

Answer 3

Как насчет этого?

var isDefaultColor = true; 
var defaultColor = '#FFFFF'; 
var alternateColor = '#EE178C'; 

if(isDefaultColor) 
    $(this).css('background-color', alternateColor); 
else 
    $(this).css('background-color', defaultColor); 

isDefaultColor = !isDefaultColor;