ネストにも対応した、マウスホバーでアニメーションするナビゲーション - かちびと.net

Result jQuery $(document).ready(function() { //ホバーイベントでアニメーションしながらサイズを変更 $("#nav a").hover(function() { $(this).animate({width: 225}, 300); }, function() { $(this).animate({width: 200}, 300); }); //ネスとされた要素を表示させる $("#nav li").hover( function() { $(this).find("ul:first").show(300); }, function() { $(this).find("ul:first").hide(300); }); });​ css #nav ul{ list-style-type: none; margin: 0px; padding: