title: Click events on Multiple divs and elements
body: <p>Im brand new to jQuery and i've hit a block!, 1st ill decsribe me document and what im hoping to achieve.</p>
  
  <p>I have a set of buttons (6) that ech call in a different div with content using the .fadeIn event. when the document loads, the initial div is visible aht the other 5 are hidden using <code>&lt;div style="display:none".....&gt;</code>.</p>
  
  <p>What i need help with is how to use the .click function on each button to hide ALL div exect the one clicked by the user. I hope this makes sense. my code as far as i could understand looks line this: </p>
  
  <pre><code>$(document.ready(function() {
      $("#my1stbutton").click(function() {
          $("#my1stdiv").fadeIn();
      });
  });
  </code></pre>
  
  <p>this is successfully showing "#my1stdiv" but after that, i dont know how to code such that when i click on "#my2ndbutton" the action hides "#my1stdiv" and displays "#my2nddiv" and so on.</p>
  
  <p>Please help. Otherwise im loving jQuery...</p>
  
  <p>regards</p>