blog

2013.06.25(Tips)

[WordPress][tips]カテゴリーメニューをプラグインなしでアコーディオンに。

プラグイン使うと後々アレなので、
プラグインなしでアコーディンメニューにするためのTips。

まずは、JQueryを入れてない人は下記よりダウンロードして設置。
jQuery

もしくは、<head>内に下記を記述。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>

そして、<head>内に下記を記述。もしくは外部ファイルを作成して設置。

<script>
$(document).ready(function(){
    $("ul.children").hide();
    $("li.cat-item").hover(function() {
        $("ul.children",this).slideDown("slow");
    },
    function() {
        $("ul.children",this).slideUp("slow");
    });
});
</script>

上記の「slow」の部分を「fast」にすればメニューの開閉が速くなります。

デモ
沖縄県|スピード証明写真機ドコニアル?

 
 

参考にしたサイト。
[WP/JS覚書]カスタムメニューの子ページをJQueryでドロップダウン(アコーディオン)構造にしたい場合のtips – ponnao-clip

ありがとうございます!

- AD -