title: run animation at the same time not working
body: <p>So, i'm trying to run 2 animation at the same time on mouseover</p>
  
  <p>However, after using <code>queue:false</code> they still running one after another :(</p>
  
  <p>here's what i got:</p>
  
  <pre><code>        $(document.body).on('mouseover', '.j-ad-slide', function(e) {
              e.preventDefault();
  
              $('.j-ad-slide').animate({
                  height: '370px'
              }, {
                      duration: 500,
                      queue: false,
                      complete: function() { /* Animation complete */ }
              });
  
              $('.side-nav, .sub-menu').animate({
                  top: '422'
              }, {
                      duration: 500,
                      queue: false,
                      complete: function() { /* Animation complete */ }
              });             
          });     
  </code></pre>
  
  <p>Any idea on what I'm doing wrong? BTW: <code>.side-nav</code> and <code>.sub-menu</code> elements are <code>position:fixed</code> - I think that's the problem. I'm not sure how to work around that :(</p>