質問編集履歴
1
ご指摘ありがとうございます！CSSも追加しました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -24,7 +24,23 @@
|
|
|
24
24
|
</div>
|
|
25
25
|
</div>
|
|
26
26
|
```
|
|
27
|
+
```css
|
|
27
28
|
|
|
29
|
+
.accordion .acd-group .acd-heading:before { font-family: fontawesome; }
|
|
30
|
+
.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; }
|
|
31
|
+
.accordion .acd-group > .acd-heading > span { margin-right: 15px; }
|
|
32
|
+
.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; }
|
|
33
|
+
.acd-des { padding: 0 20px 20px 0; }
|
|
34
|
+
.accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover { color: #84ba3f; }
|
|
35
|
+
.accordion .acd-group.acd-active .acd-heading:before { content: "\f107"; }
|
|
36
|
+
.accordion .acd-group.acd-active .acd-heading span { color: #fff; }
|
|
37
|
+
|
|
38
|
+
.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; }
|
|
39
|
+
.accordion.animated .acd-group.acd-active .acd-heading { font-size: 28px; color: #84ba3f; margin-bottom: 20px; background: none !important;}
|
|
40
|
+
.accordion.animated .acd-group .acd-heading:hover{background: none !important; color: #84ba3f;}
|
|
41
|
+
.accordion.animated .acd-group .acd-heading::before { display: none; }
|
|
42
|
+
.accordion.animated .acd-group .acd-des { padding: 0 30px 20px; }
|
|
43
|
+
```
|
|
28
44
|
```jQuery
|
|
29
45
|
(function($){
|
|
30
46
|
"use strict";
|