/*=========================================== powered by jQuery /* /* YOCCY SLIDE /* ー SlideMenuJavascript ー /* /* ー概要ー /* class="slide" を指定した直下の要素を、クリック毎に表示・非表示にしてスライドメニュー /* にすることができます。 /* /* /* ー使用方法ー /* コアにjQueryを使用しています。jQueryの最新版ライブラリを、http://jquery.com/ より /* ダウンロードしてください。 /* /* HTMLの 内で、 /* /* /* として、jQueryライブラリと本スクリプトを読み込んでください。 /* ※ 上記は、jsフォルダ内にスクリプトを設置して読み込む場合です。 /* /* 下記、ーHTML例ー を参考にマークアップして使用してください。 /* /* サイトを表示後、class="slide" を指定した直下の要素すべてを一度非表示にします。 /* 初期で表示状態にしたい場合には、class="open" を追加指定してください。 /* 一度非表示にされた後、再表示されます。例：
/* /* 動作速度は、下記スクリプトのコメントアウト部分を参考に任意に設定してください。 /* /* /* ーHTML例ー /* /* /* スライドメニュー /* /* /* /* /* /* /*

カテゴリ1

// class="slide" を指定。 /* // サイトを表示後に非表示。 /*
// このdiv要素内がクリック毎に表示・非表示になります。 /* /*
/* /*

カテゴリ2

// class="open" を指定。 /* // 初期表示状態に。 /*
// このdiv要素内がクリック毎に表示・非表示になります。 /* /*
/* /* /* /* /*=======================================================*/ $(document).ready(function(){ // ■オンマウス時のカーソル設定 $(".slide").css({ cursor:"pointer" }); // ■ドキュメント読み込み後に一度全て閉じ、class="open"の直下要素を再度表示 oneceClosed(); // ■クリック毎にスライド $(".slide").click(function(){ // 赤数字は動作完了の秒数 // "slow"、"normal"、"fast"　もしくは完了までの時間をミリ秒単位で指定（1000=1秒） // 例：$(this).next().slideToggle("normal"); //（初期設定=1000=1秒） $(this).next().slideToggle(500); }); });// -----------------------------------------------------------------------------【以下、関数】 // ■ドキュメント読み込み後に一度全て閉じる function oneceClosed(){ setTimeout(function() { // 赤数字は動作完了の秒数 // "slow"、"normal"、"fast"　もしくは完了までの時間をミリ秒単位で指定（1000=1秒） // 例：$(".slide").next().slideUp("slow", slideOpen); // slideOpen は関数の為、変更不可。 //（初期設定=1000=1秒） $(".slide").next().slideUp(1000, slideOpen); }, 0);// 赤数字は待ち時間の秒数（初期設定=2秒後に閉じる） } // ■class="open"の直下要素を初期表示 function slideOpen(){ setTimeout(function() { // 赤数字は動作完了の秒数 // "slow"、"normal"、"fast"　もしくは完了までの時間をミリ秒単位で指定（1000=1秒） // 例：$(".open").next().slideDown("fast"); //（初期設定=1000=1秒） $(".open").next().slideDown(500); }, 0);// 赤数字は待ち時間の秒数（初期設定=0.5秒後に表示） }