Изменение фона элементу по клику js..

[VladislavM]

Есть js который скрывает меню при нажатии, и открывает то меню которое нужно.
Меню имеет такой вид:


Вот сам скрипт

<script type="text/javascript">
    function showthis_id(id) {
        var ii;
        for(ii=1;ii<=4;ii++){
            if(id==ii){
                if (document.getElementById('menu' + ii)) {
                    document.getElementById('menu' + ii).style.display = 'block';
                }
            }else{
                if (document.getElementById('menu' + ii)) {
                    document.getElementById('menu' + ii).style.display = 'none';
                }
            }
        }
    }
 
</script>

Ну и сам html в котором изначально первое меню открыто.

<div class="menu">
	<a class="aa" onclick="showthis_id(1)" href="#">Одежда 1</a>
	<ul>
	<li style="display: inline;" id="menu1"><a href="#">Бодики</a></br>
	<a href="#">Пеленки</a></br>
	<a href="#">Комплекты</a></br>
	<a href="#">Пижамы, халаты</a></br>
	<a href="#">Штаны, джинсы</a></br>
	</ul>

	<a class="aa" onclick="showthis_id(2)" href="#">Одежда 2</a>
	<ul>
	<li style="display: none;" id="menu2"><a href="#">Бодики</a></br>
	<a href="#">Пеленки</a></br>
	<a href="#">Комплекты</a></br>
	<a href="#">Пижамы, халаты</a></br>
	<a href="#">Штаны, джинсы</a></br>
	</ul>

	</div>

css у которого по клику должно менять background.

.aa {
color: #FFFFFF;
font-size: 12pt;
height: 30px;
background: #e1223c;
padding: 7px 19px 7px 20px;
}

.aa2 {
color: #e1223c;
font-size: 12pt;
height: 30px;
background: #fff;
padding: 7px 19px 7px 20px;
}

Задумка такова я кликаю на одежда 2, и автоматически у одежды 1 изменяется цвет фона.
Возможно ли сделать это с помощью js, и подскажите пожалуйста в какую сторону рыть?