jquery - jQuery を使用して要素の読み込みを遅らせることはできますか?

Question

アコーディオンの上に読み込まれる画像を含むアコーディオンがあります。クリックすると画像が消え、アコーディオンが表示されます。これは正しく機能しますが、ページが読み込まれると、画像が表示される前にアコーディオンの生のコンテンツが表示される瞬間があります。私のスクリプトは、アコーディオンを非表示にし、画像を表示してから、クリックすると画像を非表示にします：

jQuery(document).ready(function($) {
    $("#theBomb").show();
    $("div#accordion").hide();
    $("#theBomb").click(function() {
        $(this).hide("explode", {pieces:100}, 1000,
          function(){
            $("div#accordion").show("blind");
            });
       }); 
     });

画像が読み込まれる前に、アコーディオンの生のコンテンツが表示されないようにする方法はありますか? CSS を使用してアコーディオンの内容を隠したくないのは、ブラウザでアクティブな Javascript がない場合、読者に画像ではなくアコーディオンの内容を見てもらいたいからです。

Answer 1

$('yourElement').delay(500).queue(function( nxt ) {
    $(this).load('yourpage');
    nxt();
});