jQueryを呼び出して効果を出す時に点滅する解決方法


問題の現象は問題の通りです。jQueryを呼び出して効果を出す時に、層は次のように点滅します。ネット上で多くの解決文書を探しています。次のように表示してください。
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
可問題は現在のタイトルの頭はhttml 4.0です。上の状況に変更すると、ページが乱れてしまいます。最終的に達人が書いたものを見つけました。書き直したjQueryのスライド効果です。達人のリンク先は以下の通りです。http://aqr199.myweb.hinet.net/jquery_slade_iebug.httmコードは以下の通りです。
 
var b1 = new slide_fix($('#Div3'));
$('#Button5').click(function(){b1.close();});//
$('#Button6').click(function(){b1.open();});//_

function slide_fix(b){

var h = b.height();
var step = 600;
var time = 13;

this.open = function(){
timeRate(step,function(c,r){
var h1 = h*r;
b.height(h1);
if(c==1){b.show();}
});
}

this.close = function(){
timeRate(step,function(c,r){
var h1 = h *(1-r);
b.height(h1);
if(r==1){b.hide();}
});
}

function timeRate(step,fn){
var t = now();
var count = 1;
var timeId = setInterval(function(){
var t1 = now();
var rate = ((t1-t)>step) ? 1 : (t1-t)/step;
fn(count,rate);
if(rate==1){clearInterval(timeId);}
count++;
},time);
}

function now() {
return (new Date).getTime();
}
}