[ JQuery ]

  • 2013-11-12


click me. メニュー1
  • メニュー1-0
  • メニュー1-1
  • メニュー1-2
  • メニュー1-3
  • メニュー1-4
  • メニュー1-5
  • メニュー1-6
  • メニュー1-7
  • メニュー1-8
  • メニュー1-9
  • 出戸調剤薬局
  • dbweb.0258.net

メニューの部分だけコピー&ペーストしてメニュー1を2にしたら・・・
click me. メニュー2
  • メニュー2-0
  • メニュー2-1
  • メニュー2-2
  • メニュー2-3
  • メニュー2-4
  • メニュー2-5
  • メニュー2-6
  • メニュー2-7
  • メニュー2-8
  • メニュー2-9


思うように動きませんね。理由は分かりますね。
クリックのイベントの発生が、「.clickArea」としてクラスで指定している事は、二つのどちらのクリックでもイベントは発生しますが、#taを指定してスライドの開閉を指定しているからです。
二つは識別されなければなりません。ページ内で同じidを使ってはいけません。

それを直して3つめを設置してみます。

上記を修正し3つめを設置→開閉メニュー03