Pomoc oko JavaScript - display/hide div

<script language="JavaScript">
function toggle(id) {
var state = document.getElementById(id).style.display;
if (state == 'block') {
document.getElementById(id).style.display = 'none';
} else {
document.getElementById(id).style.display = 'block';
}
}
</script>


html:
<a href="#" onclick="toggle('biografija');">biografija</a>
<a href="#" onclick="toggle('portfolio');">portfolio</a>
<a href="#" onclick="toggle('usluge');">usluge</a>
<a href="#" onclick="toggle('kontakt');">kontakt</a></div>


sve to radi ali hocu da kad je na npr biografiji i kliknem na npr usluge da se biografija zatvori a meni se otvara jedno preko drugog. Sta da dodam u java scriptu? Tek ucim java script...tek da napomenem

ako tek ucis javascript ja bi ti preporucio da lepo pocnes sa jquery -om
nemoj taj stari js nacin da radis (getElementById)

jQuery bi ti to ovako sredio:

$('#tvojElementId').toggle(); //i to je to

http://jquery.com/

reseno.hvala