title: jQuery hide/show with non-zero duration not working in Firefox (but works in Chrome)
body: <p>The basic jQuery hide / show code below does not seem to work in Firefox 29.0 on Ubuntu 12.04 LTS with Unity desktop.  This exact same code works in Chrome 35.0.1916.114.</p>
  
  <p>When selecting the "hide this div" link, FF seems to start the transition.  Inspecting using Firebug, the div attributes change from</p>
  
  <pre><code>&lt;div id="togglediv" style="display: block;"&gt;
  </code></pre>
  
  <p>to</p>
  
  <pre><code>&lt;div id="togglediv" style="display: block; overflow: hidden; 
   height: 88px; padding: 0px; margin: 0px; width: 1422px; opacity: 1;"&gt;
  </code></pre>
  
  <p>But nothing further. The transition to "display: none;" never happens.  No errors are throw to the Firebug console.</p>
  
  <p>I've reviewed dozens of SO questions, but they seem to having some different issue related to no-duration hide().</p>
  
  <p>If the duration is removed or changed to 0 the code works in both FF and Chrome.  Why would a non-zero duration break in FF?</p>
  
  <p><strong>EDIT</strong>: Change code below to use CDN version for easier testing.  Issue still remains.  Even after upgrading to latest 2.1.1 version.</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
    &lt;!-- &lt;script src="/media/js/jquery-1.11.1.js"&gt;&lt;/script&gt;   --&gt;
    &lt;script src="http://code.jquery.com/jquery-2.1.1.min.js"&gt;&lt;/script&gt;
    &lt;style&gt;
      #togglediv {
      background: #cccccc;
      }
    &lt;/style&gt;
   &lt;/head&gt;
  
   &lt;body &gt;
    &lt;div style="display: block;" id="togglediv"&gt;
      &lt;p&gt;jQuery Test&lt;/p&gt;
      &lt;p&gt;&lt;a id="hidelink" href="#"&gt;Hide this div&lt;/a&gt;&lt;/p&gt;
    &lt;/div&gt;
    &lt;div id="bringback"&gt;
      &lt;p&gt;&lt;a id="showlink" href="#"&gt;Bring it back&lt;/a&gt;&lt;/p&gt;
    &lt;/div&gt;
    &lt;script type="text/javascript" &gt;
      // Your code goes here.
      $( document ).ready(function() {
        $( "#hidelink" ).click(function( event ) {
          event.preventDefault();
          $( "#togglediv").hide( 500 );  // works in FF if 0 or blank
        });
        $( "#showlink" ).click(function( event ) {
          event.preventDefault();
          $( "#togglediv").show( 500 );  // works in FF if 0 or blank
        });
      });
    &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><strong>EDIT2</strong>: FF 29.0 seems OK on ubuntu 12.04.4 under KDE Platform Version 4.8.5.  SO, it may be a Ubuntu Unity issue and not FF 29.0.  </p>