alternar show / ocultar div com botão?

Espero que esta seja uma pergunta fácil. Eu tenho um div que eu quero alternar escondido / mostrado com um botão.

Olhe para o jQuery Toggle

HTML:

 
Hello World

jQuery:

 jQuery(document).ready(function(){ jQuery('#hideshow').live('click', function(event) { jQuery('#content').toggle('show'); }); }); 

Para versões do jQuery 1.7 e uso mais recente

 jQuery(document).ready(function(){ jQuery('#hideshow').on('click', function(event) { jQuery('#content').toggle('show'); }); }); 

Demonstração

JavaScript puro:

 var button = document.getElementById('button'); // Assumes element with id='button' button.onclick = function() { var div = document.getElementById('newpost'); if (div.style.display !== 'none') { div.style.display = 'none'; } else { div.style.display = 'block'; } }; 

VER DEMO

jQuery :

 $("#button").click(function() { // assumes element with id='button' $("#newpost").toggle(); }); 

VER DEMO

JavaScript – Alternar Element.style MDN

 var toggle = document.getElementById("toggle"); var content = document.getElementById("content"); toggle.addEventListener("click", function() { content.style.display = (content.dataset.toggled ^= 1) ? "block" : "none"; }); 
 #content{ display:none; } 
  
Some content...

Aqui está uma maneira simples de fazer JavaScript:

  
asdf

É assim que oculto e mostro conteúdo usando uma turma. mudar a class para nada mudará a exibição para bloqueio, a mudança da class para ‘a’ mostrará a exibição como nenhuma.

 < !DOCTYPE html>         

Testing

   

E o html

 
Hello World

Você poderia usar o seguinte:

mydiv.style.display === 'block' = (mydiv.style.display === 'block' ? 'none' : 'block');