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

2013.06.25 00:41 Tips Tips,WordPress,カスタマイズ,

AD

プラグイン使うと後々アレなので、
プラグインなしでアコーディンメニューにするための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

おすすめの沖縄情報やアクティビティ情報など、沖縄の現地アクティビティ情報が満載!沖縄の遊びをご予約いただけます

AD

おすすめの沖縄情報やアクティビティ情報など、沖縄の現地アクティビティ情報が満載!沖縄の遊びをご予約いただけます

最近の投稿

人気記事

Sorry. No data so far.

カテゴリー

月別アーカイブ

Facebookページ

Twitter

Google+

AD