title: How to develop a jquery flicker free smooth animation
body: <p>below is my script and when i run this script then i notice a flicker occur. specially the animation look so worse in IE specially. i know that flicker occur due to increase div size using animate function. so please guide me how can i make this below script animation looks very smooth. guide me what code i need to change in my script as a result it will function same but animation look smooth. i dont want any flicker. thanks</p>
  
  <p>here is demo url <a href="http://jsfiddle.net/tridip/kPZrZ/2/" rel="nofollow">http://jsfiddle.net/tridip/kPZrZ/2/</a></p>
  
  <pre><code>$(document).ready(function () {
          $('#lnk').click(function (e) {
              $('body').append('&lt;div id="transition"&gt;&lt;/div&gt;').show();
  
              var $t = $('#transition'),
              to = $(this).offset(),
              td = $(document);
  
              $t.css({
                  top: to.top + 50,
                  left: to.left + 50,
                  display: 'block'
              }).animate({
                  opacity: 1,
                  top: td.height() / 2,
                  left: td.width() / 2
              }, 600, function () {
                  $(this).animate({
                      top: '-=75',
                      left: '-=50'
                  }, 600);
  
                  $('#transition').addClass("BusyStyles");
                  setTimeout(function () {
                      $('#transition').animate({
                          top: (td.height() / 2) - 200/2,
                          left: (td.width() / 2) - 250/2,
                          width: 250,
                          height: 200
                      }, 600, function () {
                          //alert('pp');
                          // to do things   
                          $('#transition').removeClass("BusyStyles");
                          $('#transition').html('&lt;b&gt;Welcome...&lt;/b&gt;');
                      });
                  }, 1000);
              });
  
              $t.click(function (e) {
                  //alert('pp');
                  $(this).fadeOut('slow').remove();
              });
              return false;
          });
  
  
      });
  </code></pre>