triggers / distriggers div con pulsante?

Speriamo che questa sia una domanda facile. Ho un div che voglio passare nascosto / mostrato con un pulsante.

Guarda jQuery Toggle

HTML:

 
Hello World

jQuery:

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

Per le versioni di jQuery 1.7 e più recenti

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

dimostrazione

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'; } }; 

VEDI DEMO

jQuery :

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

VEDI DEMO

JavaScript – Attiva MDN Element.style

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

Ecco un semplice modo di fare javascript:

  
asdf

Questo è il modo in cui nascondo e mostro i contenuti utilizzando una class. cambiare la class in nulla cambierà il display in blocco, cambiando la class in ‘a’ mostrerà il display come nessuno.

          

Testing

   

E l’html

 
Hello World

Potresti usare quanto segue:

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