Como faço para desativar o outro evento onclick quando um deles foi ativado? Ambas as divs estão configuradas para exibir: none; no CSS. Isso é provavelmente muito simples, mas eu sou novo em programação.

HTML

<a id="leftbutton" href="#" onclick="showDiv(this.id); return false;">click me</a>
<a id="righttbutton" href="#"onclick="showDiv(this.id); return false;">click me</a>

Javascript

function showDiv(id)
{   
  if(id == "leftbutton"){
     document.getElementById('orangediv').style.display = 'block';
     }else{
     document.getElementById('greendiv').style.display = 'block';
}}