jquery - Jqueryホバーで子要素を表示

Question

<div id="sidemenu">
<ul>
<li><table><tr><td><span>Welcome</span></td><td>&bull;</td></tr></table></li>
<li><table><tr><td><span>About</span></td><td>&bull;</td></tr></table></li>
<li><table><tr><td><span>Blog</span></td><td>&bull;</td></tr></table></li>
<li><table><tr><td><span>Contact</span></td><td>&bull;</td></tr></table></li>
</ul>
</div>

次の HTML は、リンクが固定されたサイドメニューを表示します (この例のためにコードを単純化しました)。メニューの各箇条書きにカーソルを合わせると、スパンテキストが表示されるようにしようとしています。箇条書きにカーソルを合わせて、各 li タグ内に対応する span タグを表示する方法はありますか?

Answer 1

hover関数を使用できます。これを試してください：

$('#sidemenu li').hover(
    function() { $('span', $(this)).show(); },
    function() { $('span', $(this)).hide(); } 
);

フィドルの例