【jQuery入門】プルダウンメニューの土台を作る
【内容】
プルダウンんメニューとかでよく使いそうなものがあったので実際に使ってみた
【参考情報】
参考ソース
<html> <head> <meta charset='utf-8'> </head> <title>Ruby試験対策サイト</title> <body> <div id='fl'> <h1>Ruby試験対策サイト</h1> <div id='hed'> <ul id='menu'> <li>大リスト</li> <li>大リスト <ul> <li>中リスト</li> <li>中リスト</li> </ul> </li> <li>大リスト <ul> <li>中リスト</li> <li>中リスト</li> <li>中リスト <ul> <li>小リスト</li> <li>小リスト</li> <li>小リスト</li> </ul> </li> </ul> </li> <li>大リスト</li> </ul> </div> </div> <script src = "http://code.jquery.com/jquery-1.11.0.min.js" ></script> <script> $(function(){ $('#menu li').hover(function(){ $(this).children('ul').show();} ,function(){ $(this).children('ul').hide(); }) }); </script> </body> </html>