jQuery 슬라이드 아웃 effect_javascript 기술을 호출할 때 깜박이는 문제에 대한 솔루션

문제는 제목과 같습니다. jQuery 슬라이드 아웃 효과를 호출하면 레이어가 한 번 깜박입니다. 인터넷에서 많은 해결 방법을 찾았는데 다음 표시를 추가해야 합니다.

코드 복사 코드는 다음과 같습니다.

그런데 문제는 제목 헤더가 이제 html4라는 점입니다. 0. 위와 같은 상황으로 바뀌면 페이지가 지저분해집니다. 마침내 전문가가 작성한 jQuery 슬라이드 아웃

효과를 다시 작성한 내용을 발견했습니다. 마스터 링크 주소는
http://aqr199.myweb.hinet.net/jquery_slide_iebug.htm

코드는

코드 복사 코드는 다음과 같습니다.

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)
rate==1){clearInterval(timeId); }
count ;
},time)
}

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