title: Hiding and Showing multiple divs with jquery
body: <p>Here is my code I don't know why it isn't working. I am trying to show and hide multiple divs. I used a couple of methods to try and hide and show, I tried toggle with nasty results. Bascially the bottom divs need to show a hero section up to</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /&gt;
  &lt;title&gt;Robert Eilers - Interview Test&lt;/title&gt;
  
  
          &lt;!-- BEGIN: css --&gt;
          &lt;link rel="stylesheet" type="text/css" href="assets/css/reset.css" /&gt; 
          &lt;link href="assets/css/bootstrap.css" rel="stylesheet" type="text/css" /&gt;
          &lt;link href="assets/css/bootstrap-responsive.css" rel="stylesheet" type="text/css" /&gt;
          &lt;link href="assets/css/style.css" rel="stylesheet" type="text/css" /&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  
  &lt;div class="container"&gt;
      &lt;div class="row"&gt;
          &lt;div class="span12 product" id="showdiv1"&gt;
              &lt;div class="span3"&gt;
                  &lt;p&gt;&lt;img src="assets/images/01_md.jpg" /&gt;&lt;p&gt;
              &lt;/div&gt;
              &lt;div class="span3"&gt;
                  &lt;h6&gt;Whirpool 4.5 Cu. Ft. Duet&amp;#174; Steam Front Load Washer (Color: Cranberry Red) ENERGY STAR&amp;#174;&lt;/h6&gt;
                  &lt;ul&gt;
                      &lt;li&gt;ENERGY STAR&amp;#174; qualified&lt;/li&gt;
                      &lt;li&gt;NSF&amp;#174; Certified Sanitary cycles&lt;/li&gt;
                      &lt;li&gt;FanFresh? option&lt;/li&gt;
                  &lt;/ul&gt;    
              &lt;/div&gt;
              &lt;div class="span3"&gt;
                  &lt;p&gt;&lt;input type="submit" value="Add to Cart" class="btn btn-danger btn-large"&gt;&lt;/p&gt;
                  &lt;p&gt;$1,599.00&lt;/p&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  
  
          &lt;div class="span12 product" id="showdiv2"&gt;
              &lt;div class="span3"&gt;
                  &lt;p&gt;&lt;img src="assets/images/01_md.jpg" /&gt;&lt;p&gt;
              &lt;/div&gt;
              &lt;div class="span3"&gt;
                  &lt;h6&gt;Whirpool 4.5 Cu. Ft. Duet&amp;#174; Steam Front Load Washer (Color: Cranberry Red) ENERGY STAR&amp;#174;&lt;/h6&gt;
                  &lt;ul&gt;
                      &lt;li&gt;ENERGY STAR&amp;#174; qualified&lt;/li&gt;
                      &lt;li&gt;NSF&amp;#174; Certified Sanitary cycles&lt;/li&gt;
                      &lt;li&gt;FanFresh? option&lt;/li&gt;
                  &lt;/ul&gt;    
              &lt;/div&gt;
              &lt;div class="span3"&gt;
                  &lt;p&gt;&lt;input type="submit" value="Add to Cart" class="btn btn-danger btn-large"&gt;&lt;/p&gt;
                  &lt;p&gt;$1,599.00&lt;/p&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  
          &lt;div class="span12 product" id="showdiv3"&gt;
              &lt;div class="span3"&gt;
                  &lt;p&gt;&lt;img src="assets/images/01_md.jpg" /&gt;&lt;p&gt;
              &lt;/div&gt;
              &lt;div class="span3"&gt;
                  &lt;h6&gt;Whirpool 4.5 Cu. Ft. Duet&amp;#174; Steam Front Load Washer (Color: Cranberry Red) ENERGY STAR&amp;#174;&lt;/h6&gt;
                  &lt;ul&gt;
                      &lt;li&gt;ENERGY STAR&amp;#174; qualified&lt;/li&gt;
                      &lt;li&gt;NSF&amp;#174; Certified Sanitary cycles&lt;/li&gt;
                      &lt;li&gt;FanFresh? option&lt;/li&gt;
                  &lt;/ul&gt;    
              &lt;/div&gt;
              &lt;div class="span3"&gt;
                  &lt;p&gt;&lt;input type="submit" value="Add to Cart" class="btn btn-danger btn-large"&gt;&lt;/p&gt;
                  &lt;p&gt;$1,599.00&lt;/p&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  
          &lt;div class="span12 product" id="showdiv4"&gt;
              &lt;div class="span3"&gt;
                  &lt;p&gt;&lt;img src="assets/images/01_md.jpg" /&gt;&lt;p&gt;
              &lt;/div&gt;
              &lt;div class="span3"&gt;
                  &lt;h6&gt;Whirpool 4.5 Cu. Ft. Duet&amp;#174; Steam Front Load Washer (Color: Cranberry Red) ENERGY STAR&amp;#174;&lt;/h6&gt;
                  &lt;ul&gt;
                      &lt;li&gt;ENERGY STAR&amp;#174; qualified&lt;/li&gt;
                      &lt;li&gt;NSF&amp;#174; Certified Sanitary cycles&lt;/li&gt;
                      &lt;li&gt;FanFresh? option&lt;/li&gt;
                  &lt;/ul&gt;    
              &lt;/div&gt;
              &lt;div class="span3"&gt;
                  &lt;p&gt;&lt;input type="submit" value="Add to Cart" class="btn btn-danger btn-large"&gt;&lt;/p&gt;
                  &lt;p&gt;$1,599.00&lt;/p&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  
          &lt;div class="span12 product" id="showdiv5"&gt;
              &lt;div class="span3"&gt;
                  &lt;p&gt;&lt;img src="assets/images/01_md.jpg" /&gt;&lt;p&gt;
              &lt;/div&gt;
              &lt;div class="span3"&gt;
                  &lt;h6&gt;Whirpool 4.5 Cu. Ft. Duet&amp;#174; Steam Front Load Washer (Color: Cranberry Red) ENERGY STAR&amp;#174;&lt;/h6&gt;
                  &lt;ul&gt;
                      &lt;li&gt;ENERGY STAR&amp;#174; qualified&lt;/li&gt;
                      &lt;li&gt;NSF&amp;#174; Certified Sanitary cycles&lt;/li&gt;
                      &lt;li&gt;FanFresh? option&lt;/li&gt;
                  &lt;/ul&gt;    
              &lt;/div&gt;
              &lt;div class="span3"&gt;
                  &lt;p&gt;&lt;input type="submit" value="Add to Cart" class="btn btn-danger btn-large"&gt;&lt;/p&gt;
                  &lt;p&gt;$1,599.00&lt;/p&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  
          &lt;div class="span12 product" id="showdiv6"&gt;
              &lt;div class="span3"&gt;
                  &lt;p&gt;&lt;img src="assets/images/01_md.jpg" /&gt;&lt;p&gt;
              &lt;/div&gt;
              &lt;div class="span3"&gt;
                  &lt;h6&gt;Whirpool 4.5 Cu. Ft. Duet&amp;#174; Steam Front Load Washer (Color: Cranberry Red) ENERGY STAR&amp;#174;&lt;/h6&gt;
                  &lt;ul&gt;
                      &lt;li&gt;ENERGY STAR&amp;#174; qualified&lt;/li&gt;
                      &lt;li&gt;NSF&amp;#174; Certified Sanitary cycles&lt;/li&gt;
                      &lt;li&gt;FanFresh? option&lt;/li&gt;
                  &lt;/ul&gt;    
              &lt;/div&gt;
              &lt;div class="span3"&gt;
                  &lt;p&gt;&lt;input type="submit" value="Add to Cart" class="btn btn-danger btn-large"&gt;&lt;/p&gt;
                  &lt;p&gt;$1,599.00&lt;/p&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  
      &lt;/div&gt;
  
      &lt;div class="row"&gt;
          &lt;div class="span3 product" id="div1"&gt;
              &lt;p&gt;&lt;img src="assets/images/01_sm.jpg" /&gt;&lt;p&gt;
              &lt;h6&gt;Whirpool 4.5 Cu. Ft. Duet&amp;#174; Steam Front Load Washer (Color: Cranberry Red) ENERGY STAR&amp;#174;&lt;/h6&gt;
              &lt;p&gt;&lt;input type="submit" value="Add to Cart" class="btn btn-danger btn-large"&gt;&lt;/p&gt;
              &lt;p&gt;$1,599.00&lt;/p&gt;
          &lt;/div&gt;
  
          &lt;div class="span3 product" id="div2"&gt;
              &lt;p&gt;&lt;img src="assets/images/02_sm.jpg" /&gt;&lt;p&gt;
              &lt;h6&gt;Whirpool 4.5 Cu. Ft. Duet&amp;#174; Steam Front Load Washer (Color: Cranberry Red) ENERGY STAR&amp;#174;&lt;/h6&gt;
              &lt;p&gt;&lt;input type="submit" value="Add to Cart" class="btn btn-danger btn-large"&gt;&lt;/p&gt;
              &lt;p&gt;$1,599.00&lt;/p&gt;
  
          &lt;/div&gt;
          &lt;div class="span3 product" id="div3"&gt;
              &lt;p&gt;&lt;img src="assets/images/03_sm.jpg" /&gt;&lt;p&gt;
              &lt;h6&gt;Whirpool 4.5 Cu. Ft. Duet&amp;#174; Steam Front Load Washer (Color: Cranberry Red) ENERGY STAR&amp;#174;&lt;/h6&gt;
              &lt;p&gt;&lt;input type="submit" value="Add to Cart" class="btn btn-danger btn-large"&gt;&lt;/p&gt;
              &lt;p&gt;$1,599.00&lt;/p&gt;
  
          &lt;/div&gt;
      &lt;/div&gt;
  
       &lt;div class="row"&gt;
          &lt;div class="span3 product" id="div4"&gt;
              &lt;p&gt;&lt;img src="assets/images/04_sm.jpg" /&gt;&lt;p&gt;
              &lt;h6&gt;Whirpool 4.5 Cu. Ft. Duet&amp;#174; Steam Front Load Washer (Color: Cranberry Red) ENERGY STAR&amp;#174;&lt;/h6&gt;
              &lt;p&gt;&lt;input type="submit" value="Add to Cart" class="btn btn-danger btn-large"&gt;&lt;/p&gt;
              &lt;p&gt;$1,599.00&lt;/p&gt;
          &lt;/div&gt;
  
          &lt;div class="span3 product" id="div5"&gt;
              &lt;p&gt;&lt;img src="assets/images/05_sm.jpg" /&gt;&lt;p&gt;
              &lt;h6&gt;Whirpool 4.5 Cu. Ft. Duet&amp;#174; Steam Front Load Washer (Color: Cranberry Red) ENERGY STAR&amp;#174;&lt;/h6&gt;
              &lt;p&gt;&lt;input type="submit" value="Add to Cart" class="btn btn-danger btn-large"&gt;&lt;/p&gt;
              &lt;p&gt;$1,599.00&lt;/p&gt;
          &lt;/div&gt;
          &lt;div class="span3 product showInfo" id="div6"&gt;
              &lt;p&gt;&lt;img src="assets/images/06_sm.jpg" /&gt;&lt;p&gt;
              &lt;h6&gt;Whirpool 4.5 Cu. Ft. Duet&amp;#174; Steam Front Load Washer (Color: Cranberry Red) ENERGY STAR&amp;#174;&lt;/h6&gt;
              &lt;p&gt;&lt;input type="submit" value="Add to Cart" class="btn btn-danger btn-large"&gt;&lt;/p&gt;
              &lt;p&gt;$1,599.00&lt;/p&gt;
  
          &lt;/div&gt;
      &lt;/div&gt;
  
  &lt;/div&gt;
  
  
      &lt;!-- BEGIN: js --&gt;
      &lt;script type="text/javascript" src="js/bootstrap.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript"&gt;
          $(function() {
      $('#div1').hover(function() {
          $('showdiv[id^=showdiv]').hide();
          $('#showdiv1').show();
      });
      $('#div2').hover(function() {
          $('showdiv[id^=showdiv]').hide();
          $('#showdiv2').show();
      });
  
      $('#div3').hover(function() {
          $('showdiv[id^=showdiv]').hide();
          $('#showdiv3').show();
      });
  
      $('#div4').hover(function() {
          $('showdiv[id^=showdiv]').hide();
          $('#showdiv4').show();
      });
       $('#div5').hover(function() {
          $('showdiv[id^=showdiv]').hide();
          $('#showdiv5').show();
      });
       $('#div6').hover(function() {
          $('showdiv[id^=showdiv]').hide();
          $('#showdiv6').show();
      });
  
  })
   &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>