title: Hiding and displaying all divs on keyboard press
body: <p>I am not the most experienced with jquery so I came here hoping to get an answer. The problem I am having is how to hide all of the divs on a webpage, when clicking a keyboard button.</p>
  
  <p>I know the basic code for hiding and showing a div would be: </p>
  
  <pre><code>$(document).ready(function() {
      $("div").hide();  
      $("div").show();
  });
  </code></pre>
  
  <p>What I don't know is if there is a easier way to hide every div on the webpage rather than just having a hundred  <code>$("div").hide();</code> statements. I also am not sure how to monitor for a click on the keyboard and then hide and show various divs.</p>
  
  <p>Thanks!</p>