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