title: jquery parallel animation
body: <p>I want to show the popup. When user clicks on link then popup will be shown with animation. It will animate slightly to the left side as well as fadeIn both at the same time. My current code on animate it slightly towards left but fadeIn does not work. Here is my jquery code</p>
  
  <pre><code>showpopup : function (e) {
          e.preventDefault();
          var continent = $(this).attr('rel'),
              pop       = $('&lt;div&gt;&lt;/div&gt;').addClass('popup').html(continent);
  
              pop.insertAfter('#continents').stop().animate({'left': '550px'},100);
              pop.fadeIn();
      }
  </code></pre>
  
  <p>here is my css for pop</p>
  
  <pre><code>.popup {
  width: 300px; height: 200px;
  position: absolute;
  left: 580px;
  top: 40px;
  padding: 5px; background: #ccc;
  border-radius: 5px;
  z-index: 100;
  border: 1px solid #ccc;
  }
  </code></pre>