Ir para o conteúdo

Mostrar/Esconder uma DIV

Este pequene snippet permite mostrar ou esconder uma div.

(function(){
  function mudar(id) {
    var el = document.getElementById(id);
    el.style.display = el.style.display === 'none' ? 'block' : 'none';
  }

  function init() {
    document.getElementById('divcontrol').onclick = function(){ mudar('div'); return false; };
  }

  if (window.addEventListener)
    window.addEventListener('load', init, false);
  if (window.attachEvent)
    window.attachEvent('onload', init);
})();
<!-- exemplo de utilização -->
<a href="#" id="divControl">mostrar/fechar</a>
<div id="div" style="display: none;">texto</div>