jqueryエフェクトがInternet Explorerで動作しない

Question

<script type="text/javascript" src="css/jquery-1.7.1.js"></script> 


<script type="text/javascript"> 


function slidedown(id){ 

$('#rerooftext').hide(0); 
$('#inspectiontext').hide(0); 
$('#remodelingtext').hide(0); 
$('#restorationstext').hide(0); 
$('#commtext').hide(0); 
$('#painttext').hide(0); 

setTimeout(300); 
$('#'+id.id+'text').fadeToggle(1000); 

}; 
</script> 

ここでは、テキストを含む複数のdivを非表示にし、jquery関数を使用してクリックされたリンクのdivを表示する関数があります。このコードはクロームでうまくいきますが、インターネットエクスプローラはアニメーションを実行しません。リンクをクリックすると、現在のdivを隠していますが、新しいdivを表示できません。これはコード$（ '＃' + id.id + 'text'）。fadeToggle（1000）;

これがどうして起こっているのでしょうか？

Answer 1

setTimeout(300);にコードにバグがあり、フェードアニメーションを実行する行まで実行できないためです。

setTimeoutは2つの引数をとります。最初に実行するコードを含む関数ポインタまたは文字列、2番目の引数は指定された関数またはコードを実行するまでの時間（ミリ秒単位）です。

この行は役に立たないので試してみてください。しばらくの間アニメーションを遅らせたい場合は、jQuery delayをご覧ください。

function slidedown(id){ 

    $('#rerooftext').hide(0); 
    $('#inspectiontext').hide(0); 
    $('#remodelingtext').hide(0); 
    $('#restorationstext').hide(0); 
    $('#commtext').hide(0); 
    $('#painttext').hide(0); 

    //setTimeout(300); 

    $('#'+id.id+'text').fadeToggle(1000); 

};