マイメニュークリックでリスト表示・非表示

• ・会員情報の変更
• ・履歴を見る
• ・退会する

• ・牛乳に相談したい時
• ・空を自由に飛びたい時
• ・あなたはショックな時

• ・困ったときは
• ・何かしらの情報を見る
• ・お問い合わせしたくない時は

このスクリプトの内容について

$(function()
{

 //----------------------------------------------
 // 変数宣言
 //----------------------------------------------

 //----------------------------------------------
 // コントローラーの設定
 //----------------------------------------------


 // id、myMenuをクリックすれば、menuClickが実行される のような処理

 $("#myMenu").click(menuClick);
 $("#myMenu2").click(menuClick);
 $("#myMenu3").click(menuClick);

 //----------------------------------------------
 // 初期処理
 //----------------------------------------------

 //----------------------------------------------
 // メソッド
 //----------------------------------------------

 /*
  *
  * マウスオーバー時の画像表示用メソッド
  *
  */
 function menuClick()
 {

  // クリックされた要素のidを取得
  cId = $(this).attr("id");

  switch (cId) {
   case 'myMenu':
    $("#myMenuList").slideToggle();
    $("#myMenuList2").slideUp();
    $("#myMenuList3").slideUp();
    break;
   case 'myMenu2':
    $("#myMenuList").slideUp();
    $("#myMenuList2").slideToggle();
    $("#myMenuList3").slideUp();
    break;
   case 'myMenu3':
    $("#myMenuList").slideUp();
    $("#myMenuList2").slideUp();
    $("#myMenuList3").slideToggle();
    break;

   default:
    break;
  }

 }

});
/*
 * 処理の詳細とメモ
 *
 * ■処理の順番と解説
 * 各メニューのクリッカブルなエリアにはclickイベントを付与させる
 * 1：クリックされた要素のidを取得
 * 2：各IDに適した処理を実行
 *   idが'myMenu'の場合
 *     リスト1は開いたり閉じたりするよ！
 *     リスト2は閉じるよ！
 *     リスト3は閉じるよ！
 *   idが'myMenu2'の場合
 *     リスト1は閉じるよ！
 *     リスト2は開いたり閉じたりするよ！
 *     リスト3は閉じるよ！
 *   idが'myMenu3'の場合
 *     リスト1は閉じるよ！
 *     リスト2は閉じるよ！
 *     リスト3は開いたり閉じたりするよ！
 *
 *   といった感じ
 *
 */