アコーディオンでデフォルト非表示部分が開きません

Question

前提・実現したいこと

アコーディオンでQ&Aを作りたいです。

questionをクリックしたら、それに対応するanswerを表示させたいです。

発生している問題・エラーメッセージ

該当のquestionをクリックしても、それに対応するanswerが表示されません。

該当のソースコード

<section class="faq">
      <h2><i class="far fa-envelope-open"></i>よくある質問</h2>
      <ul class="faq-list">
        <li class="faq-list-item">
          <h3 class="que">
            <a href=""><i class="far fa-check-circle"></i>プログラミングスキルは必要ですか？</a>
          </h3>
          <span>+</span>
          <div class="ans">
            <p>いいえ、必要ありません。しかし、iSaraでは参加費以上の金額が稼げることを保障しています。 従って、事前通話面談時点で簡単なテストを実施し、場合によってはお断りをしております。この点だけはご了承ください。</p>
          </div>
        </li>
      </ul>
    </section>

$(function(){

  $('.faq-list-item').click(function(){
    var $ans=$(this).find('.ans');

    if($ans.hasClass('open')){
      $ans.removeClass('open');
      $ans.slideUp();
    }else{
      $ans.addClass('open');
      $ans.slideDown();
    }

  });
});

試したこと

補足情報（FW/ツールのバージョンなど）

下記はindex内に記入しております。
.<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
.<script src="script.js"></script>

Comments

[kei344]

（質問文は編集できます）質問文のコードはそれぞれコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。

[kei344]

https://jsfiddle.net/dnb9ryqz/ 提示のコードで動くようです。（2回クリックしたら開閉が始まります）

[KUDOO]

質問の仕方が間違っており大変失礼いたしました。教えていただきありがとうございます！

Answer 1

こんばんは！
確認してみましたが、それぞれに対応して 非表示⇆表示 になっていましたよ。

・外部化したファイルがちゃんと読み込めているか
・JSを呼び出す箇所は適切か
・余分な記述が残っていないか

など確認してみると良いかと思います^^

Comments

[KUDOO]

教えていただきありがとうございます！ちゃんと動きました。お手数をおかけしました。

[Meeets]

????