<p>
特定の画像にカーソルを合わせると、タグ内のテキストを取得しようとしています。テキストを表示できず、コードが見栄えがするようです。誰かがテキストが表示されない理由を見つけるのを手伝ってもらえますか/
これがHTMLです
<div class="iconcontainerhover">
<a rel="left" href="#"><img style="margin-right: 160px;" src="img/facebookicon.png" /></a>
<a rel="middle" href="#"><img src="img/Twittericon.png" /></a>
<a rel="right" href="#"><img style="margin-left: 160px" src="img/google_plus_icon.png" /></a>
</div>
<div id="descripinfo">
<div id="lefticoncontent">
<p id="left">This is information about the left icon</p>
</div>
<div id="middleiconcontent">
<p id="middle">This is information about the middle icon</p>
</div>
<div id="righticoncontent">
<p id="right">This is information about the right icon</p>
</div>
これがjqueryです
$(function(){
$('.iconcontainerhover a').mouseenter()(function(){
var toShow = '#' + $(this).attr('rel');
$('#discripinfo').show();
$(toShow).show();
}).mouseleave(function(){
$('#discripinfo').hide();
});
});
#discripinfo
そのため、一致するimgにカーソルを合わせると、テキストをフェードインさせようとしていますiconcontainerhover
。
ところで、#discripinfo
タグはに設定されていますdisplay: none;