title: Show div #id on click with jQuery
body: <p>When a div is clicked, I want different div to appear. </p>
  
  <p>Thus, when '#music' is clicked, I want '#musicinfo' to appear. </p>
  
  <p>Here is the css:</p>
  
  <pre><code>#music {
      float:left;
      height:25px;
      margin-left:25px;
      margin-top:25px;
      margin-right:80px;
      font-family: "p22-underground",sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size:13pt;
  
      }
  
  #musicinfo {
      width:380px;
      margin:25px;
      font-family: "p22-underground",sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size:13pt;
      line-height:1.1;
      display:none;
  
  }
  </code></pre>
  
  <p>and jquery:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $("#music").click(function () {
  $("#musicinfo").show("slow");
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>Any help whatsoever would be great :)</p>