質問編集履歴
1
追加しました
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -88,4 +88,49 @@
|
|
|
88
88
|
}
|
|
89
89
|
});
|
|
90
90
|
})
|
|
91
|
+
```
|
|
92
|
+
|
|
93
|
+
以下試した記述です↓↓↓↓↓
|
|
94
|
+
```ここに言語を入力
|
|
95
|
+
<li class="faq-list-item">
|
|
96
|
+
<h3 class="question">質問①が入ります：ダミーダミーダミーダミー</h3>
|
|
97
|
+
<!-- spanをimgに -->
|
|
98
|
+
<img src="img/open.png" alt="">
|
|
99
|
+
<div class="answer">
|
|
100
|
+
<p>答えが入ります：ダミーダミーダミーダミー</p>
|
|
101
|
+
</div>
|
|
102
|
+
</li>
|
|
103
|
+
```
|
|
104
|
+
```ここに言語を入力
|
|
105
|
+
/* CSS */
|
|
106
|
+
/* spanをimgに */
|
|
107
|
+
.faq-list-item img {
|
|
108
|
+
position: absolute;
|
|
109
|
+
top: 0;
|
|
110
|
+
right: 5px;
|
|
111
|
+
color: #ccc;
|
|
112
|
+
font-size: 13px;
|
|
113
|
+
}
|
|
114
|
+
```
|
|
115
|
+
```ここに言語を入力
|
|
116
|
+
// JS
|
|
117
|
+
$(function() {
|
|
118
|
+
$('.faq-list-item').click(function(){
|
|
119
|
+
|
|
120
|
+
var $answer = $(this).find('.answer');
|
|
121
|
+
|
|
122
|
+
if ($answer.hasClass('open')) {
|
|
123
|
+
$answer.removeClass('open');
|
|
124
|
+
$answer.slideUp();
|
|
125
|
+
// 以下を修正しました
|
|
126
|
+
$(this).find('img').attr('src', '../img/open.png');
|
|
127
|
+
|
|
128
|
+
} else {
|
|
129
|
+
$answer.addClass('open');
|
|
130
|
+
$answer.slideDown();
|
|
131
|
+
// 以下を修正しました
|
|
132
|
+
$(this).find('img').attr('src', '../img/close.png');
|
|
133
|
+
}
|
|
134
|
+
});
|
|
135
|
+
})
|
|
91
136
|
```
|