Article - https://www.nxworld.net/tips/css-simple-hoverable-dropdown.html...
![CodePen - demo:CSS Simple Hoverable Dropdown](https://cdn-ak-scissors.b.st-hatena.com/image/square/78a37b89f3eae240acb653bef00741c7a545f82e/height=288;version=1;width=512/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fi.cdpn.io%2F251990.OXPovd.da8bdc9b-7307-4ac8-8c14-04efa0f552a6.png)
どうもこんにちは。今回のtipsは…【超簡単且つ軽量にプルダウン型メニューを実現する方法】です。 コード jqueryで8行と、とても軽い仕様になっていますのでよろしければご活用ください。 $(function(){ $(‘.nav’).hover(function(){ var nav = $(this).find(‘li’).length; $(this).not(‘:animated’).animate({‘height’:24 * nav + ‘px’},’fast’); },function(){ $(this).animate({‘height’:’24px’},’fast’); }); }); HTML <div id="menu"> <ul id="menuBody"> <li> <ul class="nav"> <li class="head">MANU1</li> <l
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く