Скрыть div

[VitStar03]

Добрый вечер! Сразу извените за такой вопрос возможно для тех кто хорошо знаком с языком JS он покажется глупым но к сожелению я к ним не отнашусь.

Есть интернет магазин. При переходе по категории товара откравается список товаров с описанием Но есть и другой вид товаров в более компактном виде. Также есть две ссылки отвечающие за вид выводимого списка.
Как я понял нужно что бы при нажатии на ссылку у одного блока менялось значение на Block а другой на none и на оборот.
Я напасал такой код все работае но мне нужно что бы этот код еще и менял Class самой кномки на active. Вот тут и возникли трудности

Функция:

function f(id){
        var list=document.getElementById('list_id');
        var block=document.getElementById('block_id');
        if( list.style.display=='block') { list.style.display='none';}
                else  { list.style.display='block';}
        if( block.style.display=='none') { block.style.display='block'; }
                else  { block.style.display='none';   }         
}

Код ссылок:

<div class="catalog-type">
     <a href="#" onclick="f(id)"  id="block_ac" class="blocks"></a>
     <a href="#" onclick="f(id)" id="list_ac" class="lines"></a>
</div>

Заранее спасибо.

[eval]

так а трудности в чем? дисплей меняете, ну так поменяйте и класс

ифов у вас много, тут хватит и одного

[VitStar03]

Да еслибы так просто Я в JS ноль. А тут еще дисплей изменяеся у дива а класс поменять у ссылки. Я пробовал варианты из интернета но То ссылки вобще не работали то дисплей коряво менялся. А класс в любом случии не менялся.

[eval]

document.getElementById('block_ac').className = <replaced>

[VitStar03]

А как правильно это все оформить Я синтаксис кода не знаю Пытался поразному и через && не работает.