Есть обыкновенный блок div, у которого background-color черный. На этот блок повешен обработчик события click, который добавляет класс(.red) нашему блоку и меняет(по идеи) background-color на красный. Но так как наш блок уже имеет css свойство background-color, то новоприбывший класс отказывается переписывать его своим значением.
$('.black').click(function (event) {
elem = $(this);
$(elem).toggleClass('red');
});
.black {
width: 200px;
height: 200px;
background-color: black;
}
.red {
background-color: red;
}
<div class="black"></div>
!important
, либо селектор поселективнее....right_panel .the_portal.red{...}
, например