title: JQuery fadeIn fadeOut smooth issue
body: <p>I have following code which i use for fadeIn and fadeOut on hover state.</p>
  
  <pre><code>$(function(){
      $("#bottomIco ul li a").hover(function(){
          $(this).children("#gray").fadeOut("100",function(){
              $(this).parent().children("#actual").fadeIn("100");
          });
      },function(){
          $(this).children("#actual").fadeOut("100",function(){
              $(this).parent().children("#gray").fadeIn("100");
          });
      });
  });
  </code></pre>
  
  <p>It works, but when i hover in #gray there comes blank and then #actual div comes.</p>
  
  <p>I need to make it smooth i.e. there need not to come blank while i hover.</p>