Home > jQuery | javascript > jQueryでアコーディオンメニューをつくる【jQuery】

jQueryでアコーディオンメニューをつくる【jQuery】

目的:jQueryを使ってアコーディオンメニューをつくる。
TRIPLEXXX:jQueryでアコーディオンメニューを作成する“を参考にさせていただきました。
下記にサンプルをかきかきしてみよう。
もちろんだが、jQueryをつかっているのでライブラリを入手して読み込みます。
今回は、jquery-1.4.3.min.jsを使用しました。

xhtml

<ul class="acc">
 <li><a href="1">menu1</a>
  <ul>
   <li><a href="#">menu 1-1</a></li>
   <li><a href="#">menu 1-2</a></li>
   <li><a href="#">menu 1-3</a></li>
  </ul>
 </li>
 <li><a href="2">menu2</a>
  <ul>
   <li><a href="#">menu 2-1</a></li>
   <li><a href="#">menu 2-2</a></li>
   <li><a href="#">menu 2-3</a></li>
  </ul>
 </li>
 <li><a href="3">menu3</a>
  <ul>
   <li><a href="#">menu 3-1</a></li>
   <li><a href="#">menu 3-2</a></li>
   <li><a href="#">menu 3-3</a></li>
   <li><a href="#">menu 3-4</a></li>
  </ul>
 </li>
</ul>

css

ul.acc a, ul.acc li ul a {
 text-decoration: none;
 color: #EFEFEF;
}
ul.acc a:hover, ul.acc li ul a:hover {
 text-decoration: underline;
}
ul.acc ,ul.acc li ul {
 list-style: none;
}
ul.acc {
 width: 150px;
 color: #EFEFEF;
 background-color: #333333;
}
ul.acc a{
 padding: 0 10px;
 display: block;
 height: 30px;
 line-height: 30px;
}
ul.acc li {
 border-top: 1px dotted #555555;
}
ul.acc li ul {
 margin: 0 0 0 15px;
 background-color: #666666;
}
ul.acc li ul a {
 padding: 5px;
 display: block;
 height: 20px;
 line-height: 20px;
}
ul.acc li ul li{
 border-top: 1px dotted #888888;
}

1.シンプルなアコーディオンメニュー

var $j = jQuery;
$j(function(){
 $j(".acc").each(function(){
  $j("li > a", this).each(function(index){
   var $this = $j(this);
   if(index > 0) $this.next().hide();
   $this.click(function(){
    $j(this).next().toggle().parent().siblings()
    .children("ul:visible").hide();
    return false;
   });
  });
 });
});

2.メニューの開閉がスムーズなアコーディオン

// 変更前
$j(this).next().toggle().parent().siblings()
.children("ul:visible").hide();
// 変更後
var params = {height:"toggle"};
$j(this).next().animate(params).parent().siblings()
.children("ul:visible").animate(params);

よって

var $j = jQuery;
$j(function(){
 $j(".acc").each(function(){
  $j("li > a", this).each(function(index){
   var $this = $j(this);
   if(index > 0) $this.next().hide();
   $this.click(function(){
    //$j(this).next().toggle().parent().siblings()
    //.children("ul:visible").hide();
    var params = {height:"toggle"};
    $j(this).next().animate(params).parent().siblings()
         .children("ul:visible").animate(params);
    return false;
   });
  });
 });
});

3.メニューの開閉がスムーズなアコーディオン(透明度もアコーディオン♪)

//変更前
var params = {height:"toggle"};
//変更後
var params = {height:"toggle", opacity:"toggle"};
var $j = jQuery;
$j(function(){
 $j(".acc").each(function(){
  $j("li > a", this).each(function(index){
   var $this = $j(this);
   if(index > 0) $this.next().hide();
   $this.click(function(){
    var params = {height:"toggle", opacity:"toggle"};
    $j(this).next().animate(params).parent().siblings()
    .children("ul:visible").animate(params);
    return false;
   });
  });
 });
});

よし!
と思いきや、これではmenu 1-1など、リンクが無効になってしまっている。
理由はreturn false;でリンク先に飛ばないよう設定してしまっているため。
回避するには…return false;を消すわけにはいかないので、、、
アコーディオンにしたいaタグにクラス指定をする!
さぁやってみよう…

<ul class="acc">
 <li><a href="1" class="open">menu1</a>
  <ul>
   <li><a href="#">menu 1-1</a></li>
   <li><a href="#">menu 1-2</a></li>
   <li><a href="#">menu 1-3</a></li>
  </ul>
 </li>
 <li><a href="2" class="open">menu2</a>
  <ul>
   <li><a href="#">menu 2-1</a></li>
   <li><a href="#">menu 2-2</a></li>
   <li><a href="#">menu 2-3</a></li>
  </ul>
 </li>
 <li><a href="3" class="open">menu3</a>
  <ul>
   <li><a href="#">menu 3-1</a></li>
   <li><a href="#">menu 3-2</a></li>
   <li><a href="#">menu 3-3</a></li>
   <li><a href="#">menu 3-4</a></li>
  </ul>
 </li>
</ul>

合わせてスクリプトの指定も変更

//変更前
$j("li > a", this).each(function(index){
//変更後
$j("a.open", this).each(function(index){

無事成功。
これでリンクが指定したURLに飛びます。

以下自分用まとめ

【今回使用するセット】

xhtml

<ul class="acc">
 <li><a href="1" class="open">menu1</a>
  <ul>
   <li><a href="#">menu 1-1</a></li>
   <li><a href="#">menu 1-2</a></li>
   <li><a href="#">menu 1-3</a></li>
  </ul>
 </li>
 <li><a href="2" class="open">menu2</a>
  <ul>
   <li><a href="#">menu 2-1</a></li>
   <li><a href="#">menu 2-2</a></li>
   <li><a href="#">menu 2-3</a></li>
  </ul>
 </li>
 <li><a href="3" class="open">menu3</a>
  <ul>
   <li><a href="#">menu 3-1</a></li>
   <li><a href="#">menu 3-2</a></li>
   <li><a href="#">menu 3-3</a></li>
   <li><a href="#">menu 3-4</a></li>
  </ul>
 </li>
</ul>

css

ul.acc a, ul.acc li ul a {
 text-decoration: none;
 color: #EFEFEF;
}
ul.acc a:hover, ul.acc li ul a:hover {
 text-decoration: underline;
}
ul.acc ,ul.acc li ul {
 list-style: none;
}
ul.acc {
 width: 150px;
 color: #EFEFEF;
 background-color: #333333;
}
ul.acc a{
 padding: 0 10px;
 display: block;
 height: 30px;
 line-height: 30px;
}
ul.acc li {
 border-top: 1px dotted #555555;
}
ul.acc li ul {
 margin: 0 0 0 15px;
 background-color: #666666;
}
ul.acc li ul a {
 padding: 5px;
 display: block;
 height: 20px;
 line-height: 20px;
}
ul.acc li ul li{
 border-top: 1px dotted #888888;
}

js

var $j = jQuery;
$j(function(){
 $j(".acc").each(function(){
  $j("a.open", this).each(function(index){
   var $this = $j(this);
   if(index > 0) $this.next().hide();
   $this.click(function(){
    var params = {height:"toggle"};
    $j(this).next().animate(params).parent().siblings()
         .children("ul:visible").animate(params);
    return false;
   });
  });
 });
});

関連記事

コメント:320

長谷川恵子 11-06-24 (金) 11:33

こんにちは はじめまして 

今週に入り、アコーディオンメニュー作成にチャレンジしている者です。
私も“TRIPLEXXX:jQueryでアコーディオンメニューを作成する“を参考に作ったのですが、リンクが開かずどうしてだろうと悩んでいました。
ネット検索していたところ、貴HPにたどり着き、修正してみたら、出来ました。
2日間悶々としていたのが、すっきりと解決し、うれしくなりました。
本当にありがとうございました。

admin 11-06-25 (土) 1:44

長谷川恵子さん、こんにちは。
コメントありがとうございます。
お役に立てたようでよかったです:D

しんたろう 11-07-18 (月) 18:03

長谷川さんに同じ!すっきりしました♪
ありがとうございます!

****** 12-02-27 (月) 7:49
このコメントは管理者の承認待ちです
****** 12-03-21 (水) 9:42
このコメントは管理者の承認待ちです
****** 12-07-23 (月) 19:36
このコメントは管理者の承認待ちです
****** 12-07-30 (月) 17:06
このコメントは管理者の承認待ちです
****** 12-08-26 (日) 20:35
このコメントは管理者の承認待ちです
****** 12-08-28 (火) 16:30
このコメントは管理者の承認待ちです
****** 12-08-30 (木) 4:45
このコメントは管理者の承認待ちです
****** 12-08-31 (金) 19:13
このコメントは管理者の承認待ちです
****** 12-09-29 (土) 2:24
このコメントは管理者の承認待ちです
****** 12-10-25 (木) 7:09
このコメントは管理者の承認待ちです
****** 12-12-21 (金) 1:47
このコメントは管理者の承認待ちです
****** 12-12-21 (金) 1:47
このコメントは管理者の承認待ちです
****** 12-12-23 (日) 2:32
このコメントは管理者の承認待ちです
****** 12-12-23 (日) 2:32
このコメントは管理者の承認待ちです
****** 13-01-06 (日) 18:54
このコメントは管理者の承認待ちです
****** 13-01-23 (水) 12:43
このコメントは管理者の承認待ちです
****** 13-01-27 (日) 21:36
このコメントは管理者の承認待ちです
****** 13-01-27 (日) 21:36
このコメントは管理者の承認待ちです
****** 13-01-28 (月) 10:14
このコメントは管理者の承認待ちです
****** 13-01-28 (月) 10:14
このコメントは管理者の承認待ちです
****** 13-02-14 (木) 20:20
このコメントは管理者の承認待ちです
****** 13-02-15 (金) 4:55
このコメントは管理者の承認待ちです
****** 13-02-16 (土) 6:22
このコメントは管理者の承認待ちです
****** 13-02-19 (火) 22:50
このコメントは管理者の承認待ちです
****** 13-02-20 (水) 5:47
このコメントは管理者の承認待ちです
****** 13-02-20 (水) 12:43
このコメントは管理者の承認待ちです
****** 13-05-23 (木) 2:35
このコメントは管理者の承認待ちです
****** 13-05-23 (木) 20:53
このコメントは管理者の承認待ちです
****** 13-06-10 (月) 11:50
このコメントは管理者の承認待ちです
****** 13-06-10 (月) 22:33
このコメントは管理者の承認待ちです
****** 13-06-15 (土) 10:33
このコメントは管理者の承認待ちです
****** 13-06-15 (土) 10:38
このコメントは管理者の承認待ちです
****** 13-06-20 (木) 17:55
このコメントは管理者の承認待ちです
****** 13-07-23 (火) 7:51
このコメントは管理者の承認待ちです
****** 13-08-12 (月) 19:26
このコメントは管理者の承認待ちです
****** 13-08-16 (金) 15:04
このコメントは管理者の承認待ちです
****** 13-08-18 (日) 2:59
このコメントは管理者の承認待ちです
****** 13-09-21 (土) 20:27
このコメントは管理者の承認待ちです
****** 13-10-11 (金) 19:02
このコメントは管理者の承認待ちです
****** 13-11-25 (月) 13:35
このコメントは管理者の承認待ちです
****** 13-11-30 (土) 13:57
このコメントは管理者の承認待ちです
****** 13-11-30 (土) 15:29
このコメントは管理者の承認待ちです
****** 13-12-01 (日) 0:58
このコメントは管理者の承認待ちです
****** 13-12-02 (月) 23:05
このコメントは管理者の承認待ちです
****** 13-12-06 (金) 16:21
このコメントは管理者の承認待ちです
****** 13-12-08 (日) 6:42
このコメントは管理者の承認待ちです
****** 13-12-09 (月) 7:19
このコメントは管理者の承認待ちです
****** 13-12-12 (木) 5:39
このコメントは管理者の承認待ちです
****** 13-12-15 (日) 22:08
このコメントは管理者の承認待ちです
****** 13-12-28 (土) 17:39
このコメントは管理者の承認待ちです
****** 13-12-31 (火) 15:44
このコメントは管理者の承認待ちです
****** 14-01-11 (土) 16:02
このコメントは管理者の承認待ちです
****** 14-03-31 (月) 15:53
このコメントは管理者の承認待ちです
****** 14-05-20 (火) 10:21
このコメントは管理者の承認待ちです
****** 14-05-31 (土) 10:35
このコメントは管理者の承認待ちです
****** 14-06-04 (水) 5:34
このコメントは管理者の承認待ちです
****** 14-08-08 (金) 9:21
このコメントは管理者の承認待ちです
****** 14-08-30 (土) 21:13
このコメントは管理者の承認待ちです
****** 14-09-06 (土) 12:20
このコメントは管理者の承認待ちです
****** 14-09-21 (日) 21:20
このコメントは管理者の承認待ちです
****** 14-09-26 (金) 20:29
このコメントは管理者の承認待ちです
****** 14-10-10 (金) 10:41
このコメントは管理者の承認待ちです
****** 14-10-10 (金) 17:53
このコメントは管理者の承認待ちです
****** 14-10-11 (土) 3:30
このコメントは管理者の承認待ちです
****** 14-10-11 (土) 10:35
このコメントは管理者の承認待ちです
****** 14-10-11 (土) 22:21
このコメントは管理者の承認待ちです
****** 14-10-12 (日) 21:48
このコメントは管理者の承認待ちです
****** 14-10-13 (月) 4:40
このコメントは管理者の承認待ちです
****** 14-10-13 (月) 21:16
このコメントは管理者の承認待ちです
****** 14-10-14 (火) 4:28
このコメントは管理者の承認待ちです
****** 14-10-14 (火) 11:32
このコメントは管理者の承認待ちです
****** 14-10-15 (水) 11:44
このコメントは管理者の承認待ちです
****** 14-10-15 (水) 18:33
このコメントは管理者の承認待ちです
****** 14-10-16 (木) 6:43
このコメントは管理者の承認待ちです
****** 14-10-16 (木) 16:25
このコメントは管理者の承認待ちです
****** 14-10-16 (木) 23:33
このコメントは管理者の承認待ちです
****** 14-10-25 (土) 5:19
このコメントは管理者の承認待ちです
****** 14-11-28 (金) 4:15
このコメントは管理者の承認待ちです
****** 14-11-28 (金) 8:52
このコメントは管理者の承認待ちです
****** 14-12-02 (火) 3:51
このコメントは管理者の承認待ちです
****** 14-12-12 (金) 4:07
このコメントは管理者の承認待ちです
****** 14-12-17 (水) 17:40
このコメントは管理者の承認待ちです
****** 14-12-31 (水) 8:59
このコメントは管理者の承認待ちです
****** 15-01-30 (金) 10:36
このコメントは管理者の承認待ちです
****** 15-03-02 (月) 23:38
このコメントは管理者の承認待ちです
****** 15-05-04 (月) 8:41
このコメントは管理者の承認待ちです
****** 15-05-14 (木) 11:04
このコメントは管理者の承認待ちです
****** 15-06-08 (月) 5:08
このコメントは管理者の承認待ちです
****** 15-06-11 (木) 2:08
このコメントは管理者の承認待ちです
****** 15-06-12 (金) 5:52
このコメントは管理者の承認待ちです
****** 15-06-12 (金) 19:02
このコメントは管理者の承認待ちです
****** 15-06-14 (日) 9:20
このコメントは管理者の承認待ちです
****** 15-06-15 (月) 22:30
このコメントは管理者の承認待ちです
****** 15-06-16 (火) 15:48
このコメントは管理者の承認待ちです
****** 15-06-28 (日) 17:39
このコメントは管理者の承認待ちです
****** 15-07-05 (日) 22:43
このコメントは管理者の承認待ちです
****** 15-07-11 (土) 9:37
このコメントは管理者の承認待ちです
****** 15-07-12 (日) 21:19
このコメントは管理者の承認待ちです
****** 15-07-15 (水) 16:00
このコメントは管理者の承認待ちです
****** 15-07-18 (土) 1:21
このコメントは管理者の承認待ちです
****** 15-07-18 (土) 1:37
このコメントは管理者の承認待ちです
****** 15-07-22 (水) 21:44
このコメントは管理者の承認待ちです
****** 15-07-25 (土) 13:06
このコメントは管理者の承認待ちです
****** 15-07-25 (土) 14:10
このコメントは管理者の承認待ちです
****** 15-07-29 (水) 18:53
このコメントは管理者の承認待ちです
****** 15-08-01 (土) 10:34
このコメントは管理者の承認待ちです
****** 15-08-01 (土) 14:31
このコメントは管理者の承認待ちです
****** 15-08-02 (日) 23:58
このコメントは管理者の承認待ちです
****** 15-08-03 (月) 0:20
このコメントは管理者の承認待ちです
****** 15-08-03 (月) 1:55
このコメントは管理者の承認待ちです
****** 15-08-03 (月) 16:02
このコメントは管理者の承認待ちです
****** 15-08-06 (木) 3:11
このコメントは管理者の承認待ちです
****** 15-08-06 (木) 4:51
このコメントは管理者の承認待ちです
****** 15-08-06 (木) 9:23
このコメントは管理者の承認待ちです
****** 15-08-07 (金) 4:49
このコメントは管理者の承認待ちです
****** 15-08-07 (金) 12:55
このコメントは管理者の承認待ちです
****** 15-08-07 (金) 13:18
このコメントは管理者の承認待ちです
****** 15-08-10 (月) 3:54
このコメントは管理者の承認待ちです
****** 15-08-10 (月) 11:09
このコメントは管理者の承認待ちです
****** 15-08-12 (水) 6:57
このコメントは管理者の承認待ちです
****** 15-08-12 (水) 20:36
このコメントは管理者の承認待ちです
****** 15-08-13 (木) 6:18
このコメントは管理者の承認待ちです
****** 15-08-13 (木) 7:01
このコメントは管理者の承認待ちです
****** 15-08-13 (木) 18:14
このコメントは管理者の承認待ちです
****** 15-08-15 (土) 1:30
このコメントは管理者の承認待ちです
****** 15-08-15 (土) 13:54
このコメントは管理者の承認待ちです
****** 15-08-15 (土) 17:59
このコメントは管理者の承認待ちです
****** 15-08-16 (日) 2:56
このコメントは管理者の承認待ちです
****** 15-08-17 (月) 13:47
このコメントは管理者の承認待ちです
****** 15-08-18 (火) 6:27
このコメントは管理者の承認待ちです
****** 15-08-18 (火) 12:52
このコメントは管理者の承認待ちです
****** 15-08-18 (火) 17:02
このコメントは管理者の承認待ちです
****** 15-08-18 (火) 17:46
このコメントは管理者の承認待ちです
****** 15-08-18 (火) 23:06
このコメントは管理者の承認待ちです
****** 15-08-18 (火) 23:32
このコメントは管理者の承認待ちです
****** 15-08-19 (水) 9:43
このコメントは管理者の承認待ちです
****** 15-08-19 (水) 12:44
このコメントは管理者の承認待ちです
****** 15-08-19 (水) 14:38
このコメントは管理者の承認待ちです
****** 15-08-19 (水) 15:39
このコメントは管理者の承認待ちです
****** 15-08-19 (水) 17:39
このコメントは管理者の承認待ちです
****** 15-08-19 (水) 19:47
このコメントは管理者の承認待ちです
****** 15-08-20 (木) 2:00
このコメントは管理者の承認待ちです
****** 15-08-20 (木) 7:41
このコメントは管理者の承認待ちです
****** 15-08-20 (木) 11:57
このコメントは管理者の承認待ちです
****** 15-08-20 (木) 16:18
このコメントは管理者の承認待ちです
****** 15-08-21 (金) 2:36
このコメントは管理者の承認待ちです
****** 15-08-21 (金) 13:12
このコメントは管理者の承認待ちです
****** 15-08-21 (金) 15:07
このコメントは管理者の承認待ちです
****** 15-08-21 (金) 15:27
このコメントは管理者の承認待ちです
****** 15-08-21 (金) 18:36
このコメントは管理者の承認待ちです
****** 15-08-21 (金) 20:18
このコメントは管理者の承認待ちです
****** 15-08-21 (金) 23:30
このコメントは管理者の承認待ちです
****** 15-08-22 (土) 3:57
このコメントは管理者の承認待ちです
****** 15-08-23 (日) 2:45
このコメントは管理者の承認待ちです
****** 15-08-23 (日) 17:23
このコメントは管理者の承認待ちです
****** 15-08-23 (日) 17:56
このコメントは管理者の承認待ちです
****** 15-08-23 (日) 18:00
このコメントは管理者の承認待ちです
****** 15-08-24 (月) 8:26
このコメントは管理者の承認待ちです
****** 15-08-24 (月) 8:59
このコメントは管理者の承認待ちです
****** 15-08-24 (月) 12:44
このコメントは管理者の承認待ちです
****** 15-08-24 (月) 15:05
このコメントは管理者の承認待ちです
****** 15-08-24 (月) 19:55
このコメントは管理者の承認待ちです
****** 15-08-25 (火) 12:45
このコメントは管理者の承認待ちです
****** 15-08-25 (火) 18:50
このコメントは管理者の承認待ちです
****** 15-08-25 (火) 21:59
このコメントは管理者の承認待ちです
****** 15-08-25 (火) 23:11
このコメントは管理者の承認待ちです
****** 15-08-26 (水) 2:14
このコメントは管理者の承認待ちです
****** 15-08-26 (水) 13:38
このコメントは管理者の承認待ちです
****** 15-08-27 (木) 16:43
このコメントは管理者の承認待ちです
****** 15-08-27 (木) 17:18
このコメントは管理者の承認待ちです
****** 15-08-27 (木) 18:30
このコメントは管理者の承認待ちです
****** 15-08-28 (金) 0:19
このコメントは管理者の承認待ちです
****** 15-08-28 (金) 18:31
このコメントは管理者の承認待ちです
****** 15-08-28 (金) 21:07
このコメントは管理者の承認待ちです
****** 15-08-29 (土) 3:27
このコメントは管理者の承認待ちです
****** 15-08-30 (日) 5:32
このコメントは管理者の承認待ちです
****** 15-08-30 (日) 10:01
このコメントは管理者の承認待ちです
****** 15-08-30 (日) 11:17
このコメントは管理者の承認待ちです
****** 15-08-30 (日) 20:46
このコメントは管理者の承認待ちです
****** 15-08-31 (月) 10:38
このコメントは管理者の承認待ちです
****** 15-08-31 (月) 19:28
このコメントは管理者の承認待ちです
****** 15-09-01 (火) 0:55
このコメントは管理者の承認待ちです
****** 15-09-01 (火) 17:48
このコメントは管理者の承認待ちです
****** 15-09-02 (水) 0:09
このコメントは管理者の承認待ちです
****** 15-09-02 (水) 12:01
このコメントは管理者の承認待ちです
****** 15-09-02 (水) 12:12
このコメントは管理者の承認待ちです
****** 15-09-02 (水) 17:28
このコメントは管理者の承認待ちです
****** 15-09-02 (水) 19:25
このコメントは管理者の承認待ちです
****** 15-09-02 (水) 20:15
このコメントは管理者の承認待ちです
****** 15-09-03 (木) 6:22
このコメントは管理者の承認待ちです
****** 15-09-04 (金) 21:36
このコメントは管理者の承認待ちです
****** 15-09-05 (土) 19:43
このコメントは管理者の承認待ちです
****** 15-09-07 (月) 20:32
このコメントは管理者の承認待ちです
****** 15-09-08 (火) 10:21
このコメントは管理者の承認待ちです
****** 15-09-10 (木) 20:51
このコメントは管理者の承認待ちです
****** 15-09-22 (火) 20:02
このコメントは管理者の承認待ちです
****** 15-09-22 (火) 20:02
このコメントは管理者の承認待ちです
****** 15-09-22 (火) 20:06
このコメントは管理者の承認待ちです
****** 15-09-22 (火) 20:24
このコメントは管理者の承認待ちです
****** 15-09-22 (火) 21:13
このコメントは管理者の承認待ちです
****** 15-09-24 (木) 9:10
このコメントは管理者の承認待ちです
****** 15-09-25 (金) 1:06
このコメントは管理者の承認待ちです
****** 15-09-25 (金) 18:17
このコメントは管理者の承認待ちです
****** 15-09-25 (金) 18:18
このコメントは管理者の承認待ちです
****** 15-09-25 (金) 23:56
このコメントは管理者の承認待ちです
****** 15-09-26 (土) 0:39
このコメントは管理者の承認待ちです
****** 15-09-26 (土) 16:48
このコメントは管理者の承認待ちです
****** 15-09-27 (日) 0:50
このコメントは管理者の承認待ちです
****** 15-09-27 (日) 12:33
このコメントは管理者の承認待ちです
****** 15-09-27 (日) 12:34
このコメントは管理者の承認待ちです
****** 15-09-27 (日) 16:57
このコメントは管理者の承認待ちです
****** 15-09-28 (月) 3:51
このコメントは管理者の承認待ちです
****** 15-09-28 (月) 11:33
このコメントは管理者の承認待ちです
****** 15-09-29 (火) 4:27
このコメントは管理者の承認待ちです
****** 15-09-30 (水) 1:19
このコメントは管理者の承認待ちです
****** 15-09-30 (水) 19:57
このコメントは管理者の承認待ちです
****** 15-10-01 (木) 1:53
このコメントは管理者の承認待ちです
****** 15-10-01 (木) 10:15
このコメントは管理者の承認待ちです
****** 15-10-01 (木) 21:47
このコメントは管理者の承認待ちです
****** 15-10-08 (木) 18:32
このコメントは管理者の承認待ちです
****** 15-10-09 (金) 1:29
このコメントは管理者の承認待ちです
****** 15-10-09 (金) 9:29
このコメントは管理者の承認待ちです
****** 15-10-09 (金) 19:27
このコメントは管理者の承認待ちです
****** 15-10-10 (土) 3:09
このコメントは管理者の承認待ちです
****** 15-10-11 (日) 8:44
このコメントは管理者の承認待ちです
****** 15-10-11 (日) 19:11
このコメントは管理者の承認待ちです
****** 15-10-12 (月) 8:31
このコメントは管理者の承認待ちです
****** 15-10-12 (月) 14:49
このコメントは管理者の承認待ちです
****** 15-10-12 (月) 22:03
このコメントは管理者の承認待ちです
****** 15-10-13 (火) 6:55
このコメントは管理者の承認待ちです
****** 15-10-13 (火) 18:42
このコメントは管理者の承認待ちです
****** 15-10-14 (水) 8:29
このコメントは管理者の承認待ちです
****** 15-10-14 (水) 20:37
このコメントは管理者の承認待ちです
****** 15-10-15 (木) 4:38
このコメントは管理者の承認待ちです
****** 15-10-15 (木) 14:24
このコメントは管理者の承認待ちです
****** 15-10-16 (金) 18:35
このコメントは管理者の承認待ちです
****** 15-10-18 (日) 10:19
このコメントは管理者の承認待ちです
****** 15-10-18 (日) 12:02
このコメントは管理者の承認待ちです
****** 15-10-18 (日) 16:49
このコメントは管理者の承認待ちです
****** 15-10-21 (水) 23:07
このコメントは管理者の承認待ちです
****** 15-10-22 (木) 8:02
このコメントは管理者の承認待ちです
****** 15-10-22 (木) 16:20
このコメントは管理者の承認待ちです
****** 15-10-23 (金) 10:25
このコメントは管理者の承認待ちです
****** 15-10-25 (日) 2:12
このコメントは管理者の承認待ちです
****** 15-10-25 (日) 5:23
このコメントは管理者の承認待ちです
****** 15-10-26 (月) 6:34
このコメントは管理者の承認待ちです
****** 15-10-27 (火) 4:46
このコメントは管理者の承認待ちです
****** 15-10-27 (火) 8:06
このコメントは管理者の承認待ちです
****** 15-10-30 (金) 19:52
このコメントは管理者の承認待ちです
****** 15-10-31 (土) 3:57
このコメントは管理者の承認待ちです
****** 15-10-31 (土) 16:13
このコメントは管理者の承認待ちです
****** 15-11-01 (日) 4:53
このコメントは管理者の承認待ちです
****** 15-11-01 (日) 20:13
このコメントは管理者の承認待ちです
****** 15-11-02 (月) 15:58
このコメントは管理者の承認待ちです
****** 15-11-03 (火) 0:14
このコメントは管理者の承認待ちです
****** 15-11-03 (火) 10:02
このコメントは管理者の承認待ちです
****** 15-11-05 (木) 19:17
このコメントは管理者の承認待ちです
****** 15-11-06 (金) 3:06
このコメントは管理者の承認待ちです
****** 15-11-06 (金) 12:39
このコメントは管理者の承認待ちです
****** 15-11-07 (土) 0:59
このコメントは管理者の承認待ちです
****** 15-11-07 (土) 15:42
このコメントは管理者の承認待ちです
****** 15-11-08 (日) 0:55
このコメントは管理者の承認待ちです
****** 15-11-08 (日) 9:18
このコメントは管理者の承認待ちです
****** 15-11-08 (日) 19:56
このコメントは管理者の承認待ちです
****** 15-11-09 (月) 9:25
このコメントは管理者の承認待ちです
****** 15-11-10 (火) 12:23
このコメントは管理者の承認待ちです
****** 15-11-10 (火) 20:11
このコメントは管理者の承認待ちです
****** 15-11-11 (水) 5:14
このコメントは管理者の承認待ちです
****** 15-11-13 (金) 17:16
このコメントは管理者の承認待ちです
****** 15-11-14 (土) 0:50
このコメントは管理者の承認待ちです
****** 15-11-14 (土) 10:33
このコメントは管理者の承認待ちです
****** 15-11-14 (土) 21:30
このコメントは管理者の承認待ちです
****** 15-11-15 (日) 4:40
このコメントは管理者の承認待ちです
****** 15-11-15 (日) 13:32
このコメントは管理者の承認待ちです
****** 15-11-16 (月) 1:16
このコメントは管理者の承認待ちです
****** 15-11-16 (月) 16:01
このコメントは管理者の承認待ちです
****** 15-11-17 (火) 9:53
このコメントは管理者の承認待ちです
****** 15-11-17 (火) 23:08
このコメントは管理者の承認待ちです
****** 15-11-18 (水) 7:39
このコメントは管理者の承認待ちです
****** 15-11-23 (月) 17:01
このコメントは管理者の承認待ちです
****** 15-11-24 (火) 2:22
このコメントは管理者の承認待ちです
****** 15-11-24 (火) 6:55
このコメントは管理者の承認待ちです
****** 15-11-24 (火) 13:07
このコメントは管理者の承認待ちです
****** 15-11-25 (水) 3:04
このコメントは管理者の承認待ちです
****** 15-11-27 (金) 1:53
このコメントは管理者の承認待ちです
****** 15-12-04 (金) 20:54
このコメントは管理者の承認待ちです
****** 15-12-18 (金) 8:56
このコメントは管理者の承認待ちです
****** 16-01-01 (金) 5:49
このコメントは管理者の承認待ちです
****** 16-01-05 (火) 7:12
このコメントは管理者の承認待ちです
****** 16-01-08 (金) 23:15
このコメントは管理者の承認待ちです
****** 16-01-09 (土) 6:49
このコメントは管理者の承認待ちです
****** 16-01-11 (月) 13:10
このコメントは管理者の承認待ちです
****** 16-01-13 (水) 23:14
このコメントは管理者の承認待ちです
****** 16-01-16 (土) 14:57
このコメントは管理者の承認待ちです
****** 16-01-21 (木) 7:39
このコメントは管理者の承認待ちです
****** 16-01-26 (火) 19:05
このコメントは管理者の承認待ちです
****** 16-01-31 (日) 9:08
このコメントは管理者の承認待ちです
****** 16-02-08 (月) 23:17
このコメントは管理者の承認待ちです
****** 16-02-12 (金) 8:21
このコメントは管理者の承認待ちです
****** 16-02-13 (土) 11:16
このコメントは管理者の承認待ちです
****** 16-02-14 (日) 13:33
このコメントは管理者の承認待ちです
****** 16-02-20 (土) 2:56
このコメントは管理者の承認待ちです
****** 16-02-23 (火) 23:21
このコメントは管理者の承認待ちです
****** 16-02-27 (土) 13:04
このコメントは管理者の承認待ちです
****** 16-03-02 (水) 1:39
このコメントは管理者の承認待ちです
****** 16-03-07 (月) 14:28
このコメントは管理者の承認待ちです
****** 16-03-12 (土) 20:33
このコメントは管理者の承認待ちです
****** 16-03-14 (月) 15:22
このコメントは管理者の承認待ちです
****** 16-05-06 (金) 15:30
このコメントは管理者の承認待ちです
****** 16-05-07 (土) 9:29
このコメントは管理者の承認待ちです
****** 16-05-08 (日) 22:00
このコメントは管理者の承認待ちです
****** 16-06-02 (木) 6:35
このコメントは管理者の承認待ちです
****** 16-08-03 (水) 11:31
このコメントは管理者の承認待ちです
****** 16-09-10 (土) 13:29
このコメントは管理者の承認待ちです
****** 16-11-12 (土) 4:29
このコメントは管理者の承認待ちです
****** 17-04-02 (日) 9:57
このコメントは管理者の承認待ちです
****** 17-10-04 (水) 13:28
このコメントは管理者の承認待ちです
コメントフォーム
Remember personal info

トラックバック:2

このエントリーのトラックバックURL
http://web.donnatokimo.com/jquery/517/trackback
Listed below are links to weblogs that reference
jQueryでアコーディオンメニューをつくる【jQuery】 from ウェブなとき。
****** 13-01-04 (金) 7:11
このコメントは管理者の承認待ちです
****** 14-02-26 (水) 14:49
このコメントは管理者の承認待ちです

Home > jQuery | javascript > jQueryでアコーディオンメニューをつくる【jQuery】

want

Return to page top