title: Cannot get CSS transition property with jquery in Firefox
body: <p>I'm attempting to read out the transition property of an element, however, I only get an empty string. The element has a transition applied to it, as I can see it.</p>
  
  <p>I'm using jQuery's <code>.css()</code> to achieve this. For example, the following code</p>
  
  <pre><code>// in css
  #transitionElement {
      transition: height 0.5s ease;
  }
  
  // and in JS
  $('#transitionElement').height('59px');
  console.log($('#transitionElement').css('transition'));
  console.log($('#transitionElement').css('-moz-transition'));
  </code></pre>
  
  <p>triggers the transition, I can see it, but logs 2x <code>(empty string)</code>.</p>
  
  <p>In Chromium the <code>.css('transition')</code> works just fine.</p>
  
  <p>Any ideas how to make this work in Firefox?</p>
  
  <p><strong>Edit</strong>:</p>
  
  <p>Seems you can't read out the whole transition as string (as pointed out by jimmyweb) in firefox. Came op with a cssHook to help myself out. Don't know about other browsers maybe i can test this sometime.</p>
  
  <pre><code>if($.browser.mozilla) {
      $.cssHooks[ "transition" ] = {
          get: function( elem, computed, extra ) {
              return $.css(elem, 'transition-duration')
                   + ' ' + $.css(elem, 'transition-property')
                   + ' ' + $.css(elem, 'transition-timing-function');
          }
      };
  }
  </code></pre>