質問編集履歴

1

ご指摘ありがとうございます!CSSも追加しました。

2021/11/03 03:49

投稿

sacoz
sacoz

スコア1

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