[jQuery] How to achieve this animation?

[Eric Chen]

Hi, this is Eric from Shanghai China, sorry for my bad English.
I am a jQuery Fans.

My site is now under building, the page of the animation is:
http://www.imczy.com/EN/support-me.html

The codes I achieve this animation are as follows:

//like goadddy
$.fn['_fadeOut'] = function(){
  this.css('overflow', 'hidden');
  this.css('padding', '0');
  this.css('border', '0');
  return this.animate({
  height : "hide" , opacity : "0.1" } , 500);
};
$.fn['_fadeIn'] = function(){
  this.css('overflow', '');
  this.css('padding', '');
  this.css('border', '');
  return this.animate({
  height : "show" , opacity : "1" } , 500);
};

However, as you seen, I will have a short animation unsmoothly, can
you give me some more suggestion?

Thank you very much!
Sorry for my Bad English!