回答編集履歴

1

追記

2016/10/12 02:31

投稿

退会済みユーザー
test CHANGED
@@ -51,3 +51,113 @@
51
51
  });
52
52
 
53
53
  ```
54
+
55
+
56
+
57
+ ---
58
+
59
+
60
+
61
+ ```html
62
+
63
+ <!DOCTYPE HTML>
64
+
65
+ <html lang="ja">
66
+
67
+ <head>
68
+
69
+ <meta charset="UTF-8">
70
+
71
+ <title></title>
72
+
73
+ <style type="text/css">
74
+
75
+ .accordion > ul > li > ul {
76
+
77
+ display: none;
78
+
79
+ }
80
+
81
+ </style>
82
+
83
+ </head>
84
+
85
+ <body>
86
+
87
+ <div class="accordion">
88
+
89
+ <ul>
90
+
91
+ <li>
92
+
93
+ <a>ITEM</a>
94
+
95
+ <ul>
96
+
97
+ <li>q</li>
98
+
99
+ <li>w</li>
100
+
101
+ <li>e</li>
102
+
103
+ </ul>
104
+
105
+ </li>
106
+
107
+ <li>
108
+
109
+ <a>ITEM</a>
110
+
111
+ <ul>
112
+
113
+ <li>q</li>
114
+
115
+ <li>w</li>
116
+
117
+ <li>e</li>
118
+
119
+ </ul>
120
+
121
+ </li>
122
+
123
+ <li>
124
+
125
+ <a>ITEM</a>
126
+
127
+ <ul>
128
+
129
+ <li>q</li>
130
+
131
+ <li>w</li>
132
+
133
+ <li>e</li>
134
+
135
+ </ul>
136
+
137
+ </li>
138
+
139
+ </ul>
140
+
141
+ </div>
142
+
143
+ <script type="text/javascript" src="//code.jquery.com/jquery-2.2.4.min.js"></script>
144
+
145
+ <script type="text/javascript">
146
+
147
+ $(function () {
148
+
149
+ $('.accordion > ul > li > a').on('click', function () {
150
+
151
+ $(this).next('ul').toggle();
152
+
153
+ });
154
+
155
+ });
156
+
157
+ </script>
158
+
159
+ </body>
160
+
161
+ </html>
162
+
163
+ ```