質問編集履歴
1
ご指摘ありがとうございます!CSSも追加しました。
test
CHANGED
File without changes
|
test
CHANGED
@@ -50,7 +50,39 @@
|
|
50
50
|
|
51
51
|
```
|
52
52
|
|
53
|
+
```css
|
53
54
|
|
55
|
+
|
56
|
+
|
57
|
+
.accordion .acd-group .acd-heading:before { font-family: fontawesome; }
|
58
|
+
|
59
|
+
.accordion .acd-group .acd-heading:before { cursor: pointer; position: absolute; top: 6px; right: 20px; display: block; padding: 3px 6px 2px; content: "\f105"; font-size: 22px; line-height: 38px; }
|
60
|
+
|
61
|
+
.accordion .acd-group > .acd-heading > span { margin-right: 15px; }
|
62
|
+
|
63
|
+
.accordion .acd-heading { font-weight: 500; position: relative; padding: 20px !important; color: #353535; line-height: normal; cursor: pointer; background-color: #1abc9c; margin-bottom: 10px; display: block; font-family: 'Montserrat', sans-serif; text-transform: uppercase; border-radius: 3px; }
|
64
|
+
|
65
|
+
.acd-des { padding: 0 20px 20px 0; }
|
66
|
+
|
67
|
+
.accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover { color: #84ba3f; }
|
68
|
+
|
69
|
+
.accordion .acd-group.acd-active .acd-heading:before { content: "\f107"; }
|
70
|
+
|
71
|
+
.accordion .acd-group.acd-active .acd-heading span { color: #fff; }
|
72
|
+
|
73
|
+
|
74
|
+
|
75
|
+
.accordion.animated .acd-group .acd-heading { box-shadow: none; border:none; font-size: 18px; margin-bottom: 0; color:#363636; text-transform: inherit; font-weight: 700; padding: 20px 0px 0; }
|
76
|
+
|
77
|
+
.accordion.animated .acd-group.acd-active .acd-heading { font-size: 28px; color: #84ba3f; margin-bottom: 20px; background: none !important;}
|
78
|
+
|
79
|
+
.accordion.animated .acd-group .acd-heading:hover{background: none !important; color: #84ba3f;}
|
80
|
+
|
81
|
+
.accordion.animated .acd-group .acd-heading::before { display: none; }
|
82
|
+
|
83
|
+
.accordion.animated .acd-group .acd-des { padding: 0 30px 20px; }
|
84
|
+
|
85
|
+
```
|
54
86
|
|
55
87
|
```jQuery
|
56
88
|
|