jquery - Jqueryホバーは、ホバーではなくページの読み込み時にアクティブになります

Question

divにカーソルを合わせると、divの下部にあるタブ（cssのオーバーフローによって非表示になっています）がポップアップする小さなスクリプトを作成しました。

ページを直接ロードすると完全に機能しますが、リンクから初めてページにアクセスすると、タブが既にポップアップ表示され、div全体がカバーされています。マウスオーバー（またはページを更新）すると、すぐに元に戻り、通常どおりに機能し始めます。

誰かが私がここで間違ったことを手伝ってくれる？

$(document).ready(function() {
   $(".linkbox").hover(
   function(){
     $(".linkbox_text", this).filter(':not(:animated)').animate({
        marginTop:'-175px'
     },'400','swing');
   },

   function() {
     $(".linkbox_text", this).animate({
        marginTop:'-35px'
     },'400','swing');
   });
});

Answer 1

ドキュメントの準備ができたら、div の位置を変更してみてください

$(document).ready(function() {

    // reposition the div on document ready
    $(".linkbox .linkbox_text").css({marginTop:'-35px'});

   $(".linkbox").hover(
   function(){
     $(".linkbox_text", this).filter(':not(:animated)').animate({
        marginTop:'-175px'
     },'400','swing');
   },

   function() {
     $(".linkbox_text", this).animate({
        marginTop:'-35px'
     },'400','swing');
   });
});