jQueryのドロップダウンメニューを作成しました。
もう、巷にはたくさんありますので、今さら作成する必要はないのですが、何かしらカスタマイズする時につまずくことがあり、余計に遠回りになってしまって最初から自分で作成したほうが良かったなということが多々あったので稚拙ながら自作しました。
レスポンシブ対応もしておらず、かなり基本的なところだけのシンプルなものです。
一応、HTMLは、Wordpressに対応させたつもりです。
まあ、使えるようでしたら使ってみてください。
//jQuery
$(function(){
$("nav ul li").hover(function () {
$('ul',this).slideDown();
},function () {
$('ul',this).css('display','none');
});
$('li:has(ul)').addClass('haschild');
$('li li.current-cat').parents('li',$(this)).css('background','#555');
});
See the Pen jq: dropdown menu by nwstcode (@nwst) on CodePen.12804
