Changing an anchor property on "click" of another anchor item - html

Question

It is possible to change the initial anchor property of one text item when another anchored property text item is clicked without using javascript?
EXAMPLE CODE:
<div class=links>
<ul>
<li>
<a href="#"onclick="MM_showHideLayers('what_we_do','','show');MM_showHideLayers('our_mission','','hide');MM_showHideLayers('who_we_are','','hide')" **class="active"**>WHAT WE DO</a> |
</li>
<li>
<a href="#" onclick="MM_showHideLayers('who_we_are','','hide');MM_showHideLayers('our_mission','','show');MM_showHideLayers('what_we_do','','hide')" class>OUR MISSION</a> |
</li>
<li>
<a href="#" onclick="MM_showHideLayers('our_mission','','hide');MM_showHideLayers('who_we_are','','show');MM_showHideLayers('what_we_do','','hide')" class>WHO WE ARE</a>
</li>
</ul>
</div>
I would like to change the class="active" property in the first string to my default "a" assigned property when either of the other text links are clicked by the user and stay that way until it is clicked again.
Thanks in advance!

Answer 1

I think you'll need to use javascript/jQuery it's not tricky
First give all links the same class for example btn
<a href="#" class="active btn" >WHAT WE DO</a> |
<a href="#" class="btn" >OUR MISSION</a> |
<a href="#" class="btn" >WHO WE ARE</a>
Now add the jQuery:
$('.btn').click(function(){
$('.btn').removeClass('active');
$(this).addClass('active');
});
This script removes the active class from all the anchors and then adds it to whichever anchor has been clicked.
Hope this helps