javascript - ページの読み込み時にJqueryが3つのdivをスライドさせる

Question

基本的に、ヘッダーとフッターはその位置にとどめておきたいのですが、ページの読み込み時に中央の 3 つの (インライン ブロック要素) が右側からスライドインするようにします。このサンプルページで私が達成しようとしていることを見ることができます: http://flooring-by-design.com

これと同じ効果を達成したい私のウェブサイトは次のとおりです: http://contestlancer.com/davidicus/

ご覧のとおり、Twitterのブートストラップサイトです。したがって、スライドさせたい 3 つの div は、class="span4" と一意の ID を持つインライン ブロック要素です。これを試しましたが、何らかの理由でページで機能しません。

   $("#portfolio").animate({left: "0"}, {
    duration: 2000       
    });

    $("#music").animate({left: "0"}, {
    duration: 1000
    });

    $("#blog").animate({left: "0"}, {
    duration: 500        
    });

よろしくアーマー