teratail
回答率
85.35%
teratail header banner
teratail header banner
質問するログイン新規登録
トップに関する質問Q&Aを実装したい(Jquery)

編集履歴

質問編集履歴

2

cssが読みづらいかったので、修正しました。

2021/04/26 15:50

投稿

YUYUkonkon
YUYUkonkon

スコア1

test CHANGED
File without changes
test CHANGED
@@ -16,17 +16,17 @@
16
16
 
17
17
  <script>
18
18
 
19
- if($('.bl-content-faq').length) {
19
+ $(function() {
20
-
20
+
21
- $(".bl-content-faq__item h3").click(function(){
21
+ $('.question').click(function() {
22
+
22
-
23
+ $('.question').not(this).next().slideUp(400);
24
+
23
- $(this).next(".bl-content-faq__a").slideToggle();
25
+ $(this).next().slideToggle(300);
24
-
25
- $(this).toggleClass("js-on");
26
+
26
-
27
- });
27
+ });
28
-
28
+
29
- }
29
+ });
30
30
 
31
31
  </script>
32
32
 
@@ -204,6 +204,8 @@
204
204
 
205
205
  <div class="bl-content-faq__item">
206
206
 
207
+
208
+
207
209
  <h3><span>Q</span>質問質問質問質問</h3>
208
210
 
209
211
  <div class="bl-content-faq__a">

1

cssが読みづらいかったので、修正しました。

2021/04/26 15:50

投稿

YUYUkonkon
YUYUkonkon

スコア1

test CHANGED
File without changes
test CHANGED
@@ -40,10 +40,14 @@
40
40
 
41
41
  margin: 0 auto;
42
42
 
43
- }
43
+ }
44
+
45
+
44
46
 
45
47
  .bl-content-faq__item h3 {
46
48
 
49
+
50
+
47
51
  cursor: pointer;
48
52
 
49
53
  position: relative;
@@ -66,6 +70,8 @@
66
70
 
67
71
  .bl-content-faq__item h3::before {
68
72
 
73
+
74
+
69
75
  content: "";
70
76
 
71
77
  width: 1px;
@@ -82,7 +88,7 @@
82
88
 
83
89
  }
84
90
 
85
- .bl-content-faq__item h3::after {
91
+ .bl-content-faq__item h3::after {
86
92
 
87
93
  content: "";
88
94
 
@@ -104,6 +110,8 @@
104
110
 
105
111
  .bl-content-faq__item h3 span {
106
112
 
113
+
114
+
107
115
  position: absolute;
108
116
 
109
117
  display: block;
@@ -134,6 +142,8 @@
134
142
 
135
143
  .bl-content-faq__a {
136
144
 
145
+
146
+
137
147
  display: none;
138
148
 
139
149
  position: relative;
@@ -148,8 +158,12 @@
148
158
 
149
159
  }
150
160
 
161
+
162
+
151
163
  .bl-content-faq__a::before {
152
164
 
165
+
166
+
153
167
  content: "A";
154
168
 
155
169
  position: absolute;