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

Now I begin to use a little script that toggles visibility of an element in a web page. The best way that I has found is:

<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>