Форма заявки в которой вкладки при активности должны заменяться другим изображением.
 

Помогите пожалуйста с такой задачей. Есть форма заявки со вкладками. Смену контента вкладок реализовал, но не могу реализовать смену изображения вкладки при ее активности (с серой на красную).

Прикрепляю фрагмент html и .png формы для наглядности.

<div id="Tabs">
<ul>
<li class="li_tabs" id="tab1" onclick="tab(this)"><a href="#">
<img src="images/form/icons/posiv/selling.png"
id="icons_tab1"></a></li>

<li class="li_tabs" id="tab2" onclick="tab(this)"><a href="#">
<img src="images/form/icons/posiv/rent.png" id="icons_tab2"
></a></li>

<li class="li_tabs" id="tab3" onclick="tab(this)"><a href="#">
<img src="images/form/icons/posiv/buy.png"></a></li>

<li class="li_tabs" id="tab4" onclick="tab(this)"><a href="#">
<img src="images/form/icons/posiv/take_off.png"></a></li>

<li class="li_tabs" id="tab5" onclick="tab(this)"><a href="#">
<img src="images/form/icons/posiv/change.png"></a></li>

<li class="li_tabs" id="tab6" onclick="tab(this)"><a href="#">
<img src="images/form/icons/posiv/mortgage.png"></a</li>
</ul>
</div>

Сделай стандартную раскраску (не активную) и отдельный класс в ЦСС типа

.action {}

Для активной закладки. И там сделай раскраску для активной вкладки...
Потом просто убираешь этот класс у одной активной вкладки и добавляешь его для текущей.
Раскраска будет меняться

Спасибо огромное, получилось! Оказалось проще, чем думал. :)