title: Click/Toggle jQuery not working with FireFox, but works in IE & Chrome
body: <p>My code is setup to show a panel as the proper navigation button is clicked &amp; hide if it is clicked again or another button is activated. EX: If you click on the "bio" button, the bio panel should pop up. If you click it again, it disappears. But, if you have bio panel up &amp; you want to show the store panel, the bio panel will disappear &amp; show the store panel. This code works perfectly in IE &amp; Chrome, but it doesn't function in FireFox. Please keep in mind that I'm totally new to this &amp; teaching myself how to write in code.</p>
  
  <p>The jQuery code that I'm using is below:</p>
  
  <pre><code>$(document).ready(function(){
      $(".bio").click(function(){
          $(".panel").not(".biopanel").hide();
          $(".biopanel").toggle("fast");
          });
  
      $(".blog").click(function(){
          $(".panel").not(".blogpanel").hide();
          $(".blogpanel").toggle("fast");
          });
  
      $(".credits").click(function(){
          $(".panel").not(".creditspanel").hide();
          $(".creditspanel").toggle("fast");
          });
  
      $(".store").click(function(){
          $(".panel").not(".storepanel").hide();
          $(".storepanel").toggle("fast");
          });
  
      $(".contact").click(function(){
          $(".panel").not(".contactpanel").hide();
          $(".contactpanel").toggle("fast");
          });
  
      $(".casual").click(function(){
          $(".panel").not(".casualpanel").hide();
          $(".casualpanel").toggle("fast");
          });
  
      $(".glamour").click(function(){
          $(".panel").not(".glamourpanel").hide();
          $(".glamourpanel").toggle("fast");
          });
  
      $(".tears").click(function(){
          $(".panel").not(".tearspanel").hide();
          $(".tearspanel").toggle("fast");
          });
  });
  
  
  &lt;!DOCTYPE HTML&gt;
  &lt;!--[if lt IE 7 ]&gt; &lt;html lang="en" class="ie ie6"&gt; &lt;![endif]--&gt; 
  &lt;!--[if IE 7 ]&gt;    &lt;html lang="en" class="ie ie7"&gt; &lt;![endif]--&gt; 
  &lt;!--[if IE 8 ]&gt;    &lt;html lang="en" class="ie ie8"&gt; &lt;![endif]--&gt; 
  &lt;!--[if IE 9 ]&gt;    &lt;html lang="en" class="ie ie9"&gt; &lt;![endif]--&gt; 
  &lt;!--[if !IE]&gt;&lt;!--&gt; &lt;html lang="en"&gt; &lt;!--&lt;![endif]--&gt;
  &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;title&gt;Demo&lt;/title&gt;
      &lt;meta name="description" content="Demo Page"&gt;
      &lt;link rel="stylesheet" type="text/css" href="css/styles.css"&gt;
      &lt;script type="text/javascript" src="http://code.jquery.com/jquery-1.5.2.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="js/simplifiedjs.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
      &lt;div id="nav_wrapper"&gt;        
          &lt;nav id="navigation" class="navigation"&gt;
              &lt;ul&gt;
              &lt;li&gt;&lt;a class="bio" href="#"&gt;Bio&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a class="blog" href="#"&gt;Blog&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a class="credits" href="#"&gt;Credits&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Gallery&lt;/a&gt;
                  &lt;ul class="submenu"  &gt;
                      &lt;li&gt;&lt;a class="casual" href="#"&gt;Casual&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a class="glamour" href="#"&gt;Glamour&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a class="tears" href="#"&gt;Tears&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/li&gt;
              &lt;li&gt;&lt;a class="store" href="#"&gt;Store&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a class="contact" href="#"&gt;Contact&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/nav&gt;
  
  
      &lt;!-- START OF BIO PANEL --&gt;
      &lt;div class="biopanel panel"&gt; 
          &lt;h2&gt;The Bio&lt;/h2&gt;
              &lt;p&gt;Phasellus vitae tempor eros. Integer pulvinar sem justo. Nulla lobortis nisl eu tellus ultricies eget elementum eros pellentesque. Cras at arcu ut nulla consectetur sollicitudin.&lt;/p&gt; 
          &lt;div style="clear:both;"&gt;&lt;/div&gt; 
      &lt;/div&gt; 
      &lt;!-- END OF BIO PANEL --&gt;
  
  
      &lt;!-- START OF BLOG PANEL --&gt;
      &lt;div class="blogpanel panel"&gt;
          &lt;h2&gt;My Blog &amp; Updates&lt;/h2&gt;
              &lt;h3&gt;Oct 15th, 2012&lt;/h3&gt;
                  &lt;p&gt;Phasellus vitae tempor eros. Integer pulvinar sem justo. Nulla lobortis nisl eu tellus ultricies eget elementum eros pellentesque. Cras at arcu ut nulla consectetur sollicitudin.&lt;/p&gt;
                  &lt;div class="border"&gt;&lt;/div&gt;
              &lt;h3&gt;Oct 14th, 2012&lt;/h3&gt;
                  &lt;p&gt;Phasellus vitae tempor eros. Integer pulvinar sem justo. Nulla lobortis nisl eu tellus ultricies eget elementum eros pellentesque. Cras at arcu ut nulla consectetur sollicitudin.&lt;/p&gt;
      &lt;/div&gt;
      &lt;!-- END OF BLOG PANEL --&gt;
  
  
      &lt;!-- START OF CREDITS PANEL --&gt;
      &lt;div class="creditspanel panel"&gt;
          &lt;h2&gt;Resume &amp; Credits&lt;/h2&gt;
              &lt;div class="creditsscroll"&gt;
              &lt;h3&gt;Print&lt;/h3&gt;
                  &lt;p&gt;Phasellus vitae tempor eros. Integer pulvinar sem justo. Nulla lobortis nisl eu tellus ultricies eget elementum eros pellentesque. Cras at arcu ut nulla consectetur sollicitudin.&lt;/p&gt;
                      &lt;div class="border"&gt;&lt;/div&gt;
              &lt;h3&gt;Online&lt;/h3&gt;
                  &lt;p&gt;Phasellus vitae tempor eros. Integer pulvinar sem justo. Nulla lobortis nisl eu tellus ultricies eget elementum eros pellentesque. Cras at arcu ut nulla consectetur sollicitudin.&lt;/p&gt;
                      &lt;div class="border"&gt;&lt;/div&gt;
              &lt;h3&gt;Promotions&lt;/h3&gt;
                  &lt;p&gt;Phasellus vitae tempor eros. Integer pulvinar sem justo. Nulla lobortis nisl eu tellus ultricies eget elementum eros pellentesque. Cras at arcu ut nulla consectetur sollicitudin.&lt;/p&gt;
                      &lt;div class="border"&gt;&lt;/div&gt;
              &lt;h3&gt;Contests &amp; Titles&lt;/h3&gt;
                  &lt;p&gt;Phasellus vitae tempor eros. Integer pulvinar sem justo. Nulla lobortis nisl eu tellus ultricies eget elementum eros pellentesque. Cras at arcu ut nulla consectetur sollicitudin.&lt;/p&gt;
                      &lt;div class="border"&gt;&lt;/div&gt;
              &lt;/div&gt;
      &lt;/div&gt;
      &lt;!-- END OF CREDITS PANEL --&gt;
  
      &lt;!-- START OF GLAMOUR SHEETS --&gt;
      &lt;div class="casualpanel panel"&gt;
          &lt;h2&gt;Casual&lt;/h2&gt;
              &lt;ul class="casualimgs"&gt;
                  &lt;li&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;/li&gt;
              &lt;/ul&gt;
      &lt;/div&gt;
  
      &lt;div class="glamourpanel panel"&gt;
          &lt;h2&gt;Glamour&lt;/h2&gt;
              &lt;ul class="glamourimgs"&gt;
                  &lt;li&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;/li&gt;
              &lt;/ul&gt;
      &lt;/div&gt;
  
      &lt;div class="tearspanel panel"&gt;
          &lt;h2&gt;Tears&lt;/h2&gt;
              &lt;ul class="tearsimgs"&gt;
                  &lt;li&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;/li&gt;
              &lt;/ul&gt;
      &lt;/div&gt;
      &lt;!-- END OF GLAMOUR SHEETS --&gt;
  
  
      &lt;!-- START OF STORE PANEL --&gt;
      &lt;div class="storepanel panel"&gt;
          &lt;h2&gt;The Store&lt;/h2&gt;
              &lt;div class="leftcolumn"&gt;
                  &lt;h3&gt;&lt;/h3&gt;
                      &lt;p&gt;This is the store panel. It will contain future information about items that may be for purchase.&lt;/p&gt;
              &lt;/div&gt;
  
              &lt;div class="rightcolumn"&gt;
                  &lt;h3&gt;&lt;/h3&gt;
                      &lt;img src="images/poster.jpg" class="posterimg"&gt;&lt;br&gt;&lt;br&gt;
                      &lt;p align="center"&gt;Subtitle Information&lt;/p&gt;
                      &lt;form action="https://www.paypal.com/cgi-bin/webscr" method="post" class="paypalbutton"&gt;
                      &lt;input type="hidden" name="cmd" value="_s-xclick"&gt;
                      &lt;input type="hidden" name="hosted_button_id" value="9DNX38DGJ9LDQ"&gt;
                      &lt;input type="image" src="#" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!"&gt;
                      &lt;img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1"&gt;
                      &lt;/form&gt;
              &lt;/div&gt;
      &lt;/div&gt;
      &lt;!-- END OF STORE PANEL --&gt;
  
  
      &lt;!-- START OF CONTACT PANEL --&gt;   
      &lt;div class="contactpanel panel"&gt;
          &lt;div id="contact-form" class="clearfix"&gt;
              &lt;h1&gt;Get In Touch!&lt;/h1&gt;
              &lt;p&gt;Do you have questions, comments, or suggestions? Send me a message! I love to hear from people, and I read every message personally.&lt;br&gt;In the event that my form isn't functioning, please contact me directly at ---&lt;/p&gt;
              &lt;ul id="errors" class=""&gt;
                  &lt;li id="info"&gt;There were some problems with your form submission:&lt;/li&gt;
              &lt;/ul&gt;
              &lt;p id="success"&gt;Thanks for your message! I can't wait to hear from you.&lt;/p&gt;
              &lt;form method="POST" action="process.php"&gt;
                  &lt;label for="name"&gt;Name: &lt;span class="required"&gt;*&lt;/span&gt;&lt;/label&gt;
                  &lt;input type="text" id="name" name="name" value="" placeholder="John Doe" required="required" autofocus="autofocus" /&gt;
                  &lt;label for="email"&gt;Email Address: &lt;span class="required"&gt;*&lt;/span&gt;&lt;/label&gt;
                  &lt;input type="email" id="email" name="email" value="" placeholder="johndoe@example.com" required="required" /&gt;
                  &lt;label for="subject"&gt;Subject: &lt;/label&gt;
                  &lt;input type="text" id="subject" name="subject" value="" /&gt;
                  &lt;label for="message"&gt;Message: &lt;span class="required"&gt;*&lt;/span&gt;&lt;/label&gt;
                  &lt;textarea id="message" name="message" placeholder="Your message must be greater than 20 charcters" required="required" data-minlength="20"&gt;&lt;/textarea&gt;
                  &lt;span id="loading"&gt;&lt;/span&gt;
                  &lt;input type="submit" value="Submit!" id="submit-button" /&gt;
                  &lt;p id="req-field-desc"&gt;&lt;span class="required"&gt;*&lt;/span&gt; indicates a required field&lt;/p&gt;
              &lt;/form&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;!-- END OF CONTACT PANEL --&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p></p>