質問編集履歴

2

コードブロックで囲みました。

2017/04/07 05:24

投稿

Cystidia
Cystidia

スコア16

test CHANGED
@@ -1 +1 @@
1
- dl/dt/ddを利用したアコーディオンメニュー: jQueryで「1つ開いたら他が全て閉じる」を実装したい
1
+ dl/dt/ddを利用したアコーディオンメニュー: jQueryで「1つ開いたら他が全て閉じる」を実装
test CHANGED
@@ -8,7 +8,7 @@
8
8
 
9
9
 
10
10
 
11
- HTML:
11
+ ```HTML
12
12
 
13
13
  <dl id="acMenu">
14
14
 
@@ -38,9 +38,9 @@
38
38
 
39
39
  </dl>
40
40
 
41
+ ```
41
42
 
42
-
43
- JS:
43
+ ```JavaScript
44
44
 
45
45
  <script>
46
46
 
@@ -56,9 +56,9 @@
56
56
 
57
57
  </script>
58
58
 
59
+ ```
59
60
 
60
-
61
- CSS:
61
+ ```CSS
62
62
 
63
63
  dl#acMenu{
64
64
 
@@ -86,6 +86,8 @@
86
86
 
87
87
  }
88
88
 
89
+ ```
90
+
89
91
 
90
92
 
91
93
  というコードを書いたところ、クリックしたら開閉するメニューを作ることはできたのですが、「クリック時に『既に開いているメニュー』を閉じる」動作が実装できず困っております。dt直下のddが1つずつしかない場合には、

1

yambejp様からのご指摘に従い、HTMLの誤り\(dtとddが逆\)を修正しました。

2017/04/07 05:24

投稿

Cystidia
Cystidia

スコア16

test CHANGED
File without changes
test CHANGED
@@ -12,29 +12,29 @@
12
12
 
13
13
  <dl id="acMenu">
14
14
 
15
- <dd><a href="#!">メニュー1</a></dd>
15
+ <dt><a href="#!">メニュー1</a></dt>
16
16
 
17
- <dt><a href="http://hoge.net/hoge/">サブメニュー11</a></dt>
17
+ <dd><a href="http://hoge.net/hoge/">サブメニュー11</a></dd>
18
18
 
19
- <dt><a href="http://hoge.net/hoge/">サブメニュー12</a></dt>
19
+ <dd><a href="http://hoge.net/hoge/">サブメニュー12</a></dd>
20
20
 
21
- <dt><a href="http://hoge.net/hoge/">サブメニュー13</a></dt>
21
+ <dd><a href="http://hoge.net/hoge/">サブメニュー13</a></dd>
22
22
 
23
- <dd><a href="#!">メニュー2</a></dd>
23
+ <dt><a href="#!">メニュー2</a></dt>
24
24
 
25
- <dt><a href="http://hoge.net/hoge/">サブメニュー21</a></dt>
25
+ <dd><a href="http://hoge.net/hoge/">サブメニュー21</a></dd>
26
26
 
27
- <dt><a href="http://hoge.net/hoge/">サブメニュー22</a></dt>
27
+ <dd><a href="http://hoge.net/hoge/">サブメニュー22</a></dd>
28
28
 
29
- <dt><a href="http://hoge.net/hoge/">サブメニュー23</a></dt>
29
+ <dd><a href="http://hoge.net/hoge/">サブメニュー23</a></dd>
30
30
 
31
- <dd><a href="#!">メニュー3</a></dd>
31
+ <dt><a href="#!">メニュー3</a></dt>
32
32
 
33
- <dt><a href="http://hoge.net/hoge/">サブメニュー31</a></dt>
33
+ <dd><a href="http://hoge.net/hoge/">サブメニュー31</a></dd>
34
34
 
35
- <dt><a href="http://hoge.net/hoge/">サブメニュー32</a></dt>
35
+ <dd><a href="http://hoge.net/hoge/">サブメニュー32</a></dd>
36
36
 
37
- <dt><a href="http://hoge.net/hoge/">サブメニュー33</a></dt>
37
+ <dd><a href="http://hoge.net/hoge/">サブメニュー33</a></dd>
38
38
 
39
39
  </dl>
40
40