質問編集履歴

2

直うち部分

2016/08/09 10:10

投稿

Nyoki
Nyoki

スコア10

test CHANGED
File without changes
test CHANGED
@@ -22,11 +22,11 @@
22
22
 
23
23
 
24
24
 
25
- (※ 画像が入れられなかったため、直打ちです。)
26
-
27
25
  90、-90のところを逆に記載(>矢印の向きが逆だったため)、top: 50%; right: 10px;の数値を場所を移動させたかったためposition: relative;を他で指定し、ここを書き換えました。
28
26
 
29
27
 
28
+
29
+ ```CSS
30
30
 
31
31
  .menu:after {
32
32
 
@@ -83,3 +83,5 @@
83
83
  transform: rotate(-90deg);
84
84
 
85
85
  }
86
+
87
+ ```

1

cssの部分を追加しました。

2016/08/09 10:10

投稿

Nyoki
Nyoki

スコア10

test CHANGED
@@ -1 +1 @@
1
- アコーディオンを閉じたまま初期表示するには…
1
+ アコーディオンを閉じたまま初期表示するには…
test CHANGED
@@ -19,3 +19,67 @@
19
19
  cssのposition部分であったり90の数値であったりを書き換えています。
20
20
 
21
21
  JavaScriptは書き方が全くわからないため、至らない質問ですみません。![イメージ説明](a7704642178941665eeadba11da269f0.png)
22
+
23
+
24
+
25
+ (※ 画像が入れられなかったため、直打ちです。)
26
+
27
+ 90、-90のところを逆に記載(>矢印の向きが逆だったため)、top: 50%; right: 10px;の数値を場所を移動させたかったためposition: relative;を他で指定し、ここを書き換えました。
28
+
29
+
30
+
31
+ .menu:after {
32
+
33
+ position: absolute;
34
+
35
+ top: 50%;
36
+
37
+ right: 10px;
38
+
39
+ margin-top: -14px;
40
+
41
+ content: '>';
42
+
43
+ font-size: 14px;
44
+
45
+ font-weight: bold;
46
+
47
+ -moz-transform: rotate(90deg);
48
+
49
+ -ms-transform: rotate(90deg);
50
+
51
+ -webkit-transform: rotate(90deg);
52
+
53
+ transform: rotate(90deg);
54
+
55
+ -moz-transition: all, 0.25s, linear;
56
+
57
+ -o-transition: all, 0.25s, linear;
58
+
59
+ -webkit-transition: all, 0.25s, linear;
60
+
61
+ transition: all, 0.25s, linear;
62
+
63
+ }
64
+
65
+
66
+
67
+ .menu.active:after {
68
+
69
+ -moz-transform: translate(0, 50%);
70
+
71
+ -ms-transform: translate(0, 50%);
72
+
73
+ -webkit-transform: translate(0, 50%);
74
+
75
+ transform: translate(0, 50%);
76
+
77
+ -moz-transform: rotate(-90deg);
78
+
79
+ -ms-transform: rotate(-90deg);
80
+
81
+ -webkit-transform: rotate(-90deg);
82
+
83
+ transform: rotate(-90deg);
84
+
85
+ }