CCS/JS zeigen geht verstecken nicht so

[Philipp]

hallo
möchte simples dhtml menu machen:
aber er entfernt mir die zeile nicht "richtig"
was ist falsch bzw wie gehts besser (schneller) ??
lg philipp

<css>
#az{
 visibility: hidden;
 display: none;
}
</css>
<script>
function showaz(){
 document.getElementById("azl").onclick = hideaz;
 document.getElementById("az").style.display = "block";
 document.getElementById("az").style.visibility = "visible";
}

function hideaz(){
 document.getElementById("azl").onclick = showaz;
 document.getElementById("az").style.display = "none";
 document.getElementById("az").style.visibility = "hidden";
}
</script>
<table>
    <tr>
   <td class="lvl2_box">&nbsp;<a id="azl" href="#" onclick="showaz();">A-Z Überblick</a>
   </td>
    </tr>
    <tr id="az" class="lvl3_row" >
   <td class="lvl3_box" >&nbsp;TEST
   </td>
    </tr>
</table>