回答編集履歴
1
head要素に挿入しても動くように修正
test
CHANGED
|
@@ -1,5 +1,23 @@
|
|
|
1
|
-
dd 要素に margin: 0; を入れれば、margin がなくなります。
|
|
1
|
+
dd 要素に `margin: 0;` を入れれば、margin がなくなります。
|
|
2
2
|
|
|
3
|
-
蛇足ですが、JavaScript 無効環境でコンテンツが表示されないので dd { display: none; } は jQuery で実装したほうが良いと思います。
|
|
3
|
+
蛇足ですが、JavaScript 無効環境でコンテンツが表示されないので `dd { display: none; }` は jQuery で実装したほうが良いと思います。
|
|
4
4
|
|
|
5
|
-
http://jsfiddle.net/6qup2ebc/
|
|
5
|
+
http://jsfiddle.net/6qup2ebc/2/
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
```JavaScript
|
|
10
|
+
|
|
11
|
+
jQuery(function (jQuery) {
|
|
12
|
+
|
|
13
|
+
jQuery('#acMenu dd').slideToggle();
|
|
14
|
+
|
|
15
|
+
jQuery('#acMenu dt').on('click', function () {
|
|
16
|
+
|
|
17
|
+
jQuery(this).nextUntil('dt','dd').slideToggle();
|
|
18
|
+
|
|
19
|
+
});
|
|
20
|
+
|
|
21
|
+
});
|
|
22
|
+
|
|
23
|
+
```
|