jQuery on CargoCollective .hover/.mouseover

Question

CargoCollectiveでサイトを構築していますが、必要な機能を持っていないようなjQuery 1.4.2が使用されているようです。

だから、私が目指していた結果がこれです：

：あなたは次のように、コードの後までスキップすることができた場合、何らかの理由で、それは、だと見ることができない場合には http://jsfiddle.net/hendos43/a3hFh/1/

目的：ホバー、従業員の写真の

ギャラリー（マウスが 画像の上にマウスを停止したとき）ONMOUSEOUT消えないであろう、 バイオ（別々のdiv）が表示されますが、別の画像までそこに滞在しますはですがホバーオーバーし、次のmouseoverイベントをトリガします。

JS：

$(document).ready(function() { 
    $('a[id^="link"]').mouseover(function() { 
     $div = $('div#' + $(this).data('hide')); 
     $div.siblings('[name^="people_bio"]').fadeOut(0).end().fadeIn(200, function() { 
      if (!$div.is(':visible')) { 
       $('nothing').fadeIn(40); 
      } 
     }); 
    }); 
});​ 

CSS：

#chris, 
#patrick, 
#jonathan, 
#toby { position:absolute; 
    left:285px; 
    top:10px; 
    border: 0px; 
    background:none; 
    padding: 5px; 
    width: 150px; 
} 

#holder { width:270px; 
    position:absolute; 
    top:10px; 
    left:10px;}     

.hidden{ 
    display:none; 
} 
.shown{ 
    display:block; 
} 
​ 

HTML：

<div id="holder"> 
    <a id="link_chris" href="javascript:" data-hide="chris"><img src="http://payload.cargocollective.com/1/2/77014/2272969/patrick%20crop.jpg"></a> 
    <a id="link_patrick" href="javascript:" data-hide="patrick"><img src="http://payload.cargocollective.com/1/2/77014/2272969/patrick%20crop.jpg"></a> 
    <a id="link_jonathan" href="javascript:" data-hide="jonathan"><img src="http://payload.cargocollective.com/1/2/77014/2272969/patrick%20crop.jpg"></a> 
    <a id="link_toby" href="javascript:" data-hide="toby"><img src="http://payload.cargocollective.com/1/2/77014/2272969/patrick%20crop.jpg"></a> 
</div> 

     <div name="people_bio" id="chris" class="hidden">chris' bio</div> 
     <div name="people_bio" id="patrick" class="hidden">patrick's bio</div> 
     <div name="people_bio" id="jonathan" class="hidden">jonathan's bio</div> 
     <div name="people_bio" id="toby" class="hidden">toby's bio</div> 
​ 

UNF

私が使用しているコードは、このですおそらく1.4.4ではjQueryの機能が変更され、1.4.2ではcargoが使用されていたため、これはうまくいきませんでしたか？

jsFiddleのテストオプションを使用すると、1.4.4では動作しますが、1.4.2では動作しません。カスタムHTMLセクションで1.7をリンクすると、残りのサイトが破壊されてこの機能が動作するように見えますがいずれにしてもdivはCSSスタイルの位置付けを無視します。 .hoverも同じ効果で試してみました。

誰でも解決策はありますか？

（画像は同じものではありません。これは例示的なものです）。

Answer 1

代わりのdataを使用していただきありがとうございます、あなたは1.3.2