質問編集履歴

追加しました

2018/04/07 06:05

投稿

スコア16

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -179,3 +179,93 @@
 })
 ```
+以下試した記述です↓↓↓↓↓
+```ここに言語を入力
+<li class="faq-list-item">
+  <h3 class="question">質問①が入ります：ダミーダミーダミーダミー</h3>
+  <!-- spanをimgに -->
+  <img src="img/open.png" alt="">
+  <div class="answer">
+    <p>答えが入ります：ダミーダミーダミーダミー</p>
+  </div>
+</li>
+```
+```ここに言語を入力
+/* CSS */
+/* spanをimgに */
+.faq-list-item img {
+  position: absolute;
+  top: 0;
+  right: 5px;
+  color: #ccc;
+  font-size: 13px;
+}
+```
+```ここに言語を入力
+// JS
+$(function() {
+  $('.faq-list-item').click(function(){
+    var $answer = $(this).find('.answer');
+    if ($answer.hasClass('open')) {
+      $answer.removeClass('open');
+      $answer.slideUp();
+      // 以下を修正しました
+      $(this).find('img').attr('src', '../img/open.png');
+    } else {
+      $answer.addClass('open');
+      $answer.slideDown();
+　　　// 以下を修正しました
+      $(this).find('img').attr('src', '../img/close.png');
+    }
+  });
+})
+```