Modificar visibilidad de un elemento dentro de una página web

En este blog voy a empezar a esconder y mostrar texto. He encontrado como mejor forma de hacerlo el siguiente código:
<script type="text/javascript">
  function showHide(id){
    var e = document.getElementById(id);
    if(e.style.display == 'block')
      e.style.display = 'none';
    else
      e.style.display = 'block';
  } 
</script>
<a href="#" onclick="showHide('translation');return false;">Translation</a>
<div style="display:none;" id="translation">Here is the text translation.</div>
dando como resultado:
Translation