В чем проблема этого кода?

Question

[JackShcherbakov]

Взависимости от того, какой цвет я выбрал должен меняться класс дива, но почему-то первые 2 клика работают по плану, но 3-ий и все после 3-его ничего не делают, див остается неизменным!
Вот код (На JsFiddle и CodePen не работает)
JS

$(document).ready(function(){
		$('select').selectmenu({
			change : function(event, ui){
						var NewImage;
						if(ui.item.label === 'Синий'){
							NewImage = 'Blue';
						}
						else if(ui.item.label === 'Красный'){
							NewImage = 'Red';
						}
						$('.XXX').addClass(NewImage);
					 }
		});
});

HTML
<div class="XXX"></div>
CSS

.Blue{
	height:50px;
	width:50px;
	background-color:blue;
}
.Red{
	height:50px;
	width:50px;
	background-color:red;
}

Всем спасибо за ответы!

Comments

[Ankhena]

Вот код (На JsFiddle и CodePen не работает)

Дайте угадаю, JQ не подключили?

[sergey]

Вот код (На JsFiddle и CodePen не работает)

ага, вы еще что нибудь придумайте

Answer 1

[0xD34F]

addClass вы делаете, замечательно - а где же removeClass?

Comments

[JackShcherbakov]

Не работает! Возможно я что-то делаю не так, вот, пожалуйста, скопируйте код и вставьте removeClass там, где это надо, я делал вот так

$(document).ready(function(){
    $('select').selectmenu({
      change : function(event, ui){
            var NewImage;
            if(ui.item.label === 'Синий'){
              NewImage = 'Blue';
            }
            else if(ui.item.label === 'Красный'){
              NewImage = 'Red';
            }
            $('.XXX').removeClass().addClass(NewImage);
           }
    });
});

[0xD34F]

removeClass()

А что удаляем-то? - removeClass('Red Blue').