回答編集履歴

1

追記

2018/01/26 11:45

投稿

yambejp
yambejp

スコア114585

test CHANGED
@@ -7,3 +7,97 @@
7
7
 
8
8
 
9
9
  ここのli閉じタグは付けてはダメです
10
+
11
+
12
+
13
+ # 追記
14
+
15
+
16
+
17
+ 自分が開くと、ほかが閉まる
18
+
19
+ ```javascript
20
+
21
+ $(function() {
22
+
23
+ $('#menu span').on('click', function() {
24
+
25
+ $(this).next('ul').slideToggle();
26
+
27
+ $(this).closest('li').siblings().find('ul').slideUp();
28
+
29
+ });
30
+
31
+ });
32
+
33
+ ```
34
+
35
+ ```HTML
36
+
37
+ <ul id="menu">
38
+
39
+ <li><span>メニュー1</span>
40
+
41
+ <ul class="sec">
42
+
43
+ <li><span>メニュー1-1</span>
44
+
45
+ <ul class="sec">
46
+
47
+ <li><a href="#">メニュー1-1-1</a></li>
48
+
49
+ <li><a href="#">メニュー1-1-2</a></li>
50
+
51
+ <li><a href="#">メニュー1-1-3</a></li>
52
+
53
+ </ul>
54
+
55
+ </li>
56
+
57
+ <li><span>メニュー1-2</span>
58
+
59
+ <ul class="sec">
60
+
61
+ <li><a href="#">メニュー1-1-1</a></li>
62
+
63
+ <li><a href="#">メニュー1-1-2</a></li>
64
+
65
+ <li><a href="#">メニュー1-1-3</a></li>
66
+
67
+ </ul>
68
+
69
+ </li>
70
+
71
+ <li><a href="#">メニュー1-3</a></li>
72
+
73
+ </ul>
74
+
75
+ </li>
76
+
77
+ <li><span>メニュー2</span>
78
+
79
+ <ul class="sec">
80
+
81
+ <li><span>メニュー2-1</span>
82
+
83
+ <ul class="sec">
84
+
85
+ <li><a href="#">メニュー2-1-1</a></li>
86
+
87
+ <li><a href="#">メニュー2-1-2</a></li>
88
+
89
+ <li><a href="#">メニュー2-1-3</a></li>
90
+
91
+ </ul>
92
+
93
+ <li><a href="#">メニュー2-2</a></li>
94
+
95
+ <li><a href="#">メニュー2-3</a></li>
96
+
97
+ </ul>
98
+
99
+ </li>
100
+
101
+ </ul>
102
+
103
+ ```