- 締切済み
AtomでjQueryは使えますか？
ローカルフォルダ内にindex.html、contact.html、style.css、contact.css、script.js、5つのファイルを作成し、Atomでコーディング中です。 index.htmlとcontact.htmlの<head></head>内で<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>とし、</body>直前で<script src="./script.js"></script>、又、script.jsに$(function(){この中にコード});と記述。 (1)まずここで質問ですが、これでjQueryの使用環境は整ってますでしょうか？ 続きまして、先ほどの質問内容とは違ってしまいますが、アコーディオン作成のため、index.html内の <div class="qa"> <h1 class="question-text"> <span class="fa fa-question-circle"></span> 名前は何ですか？ </h1> <span id="up" class="fa fa-angle-up"></span> <p class="answer-text">ほげほげです。</p> </div>に対してscript.jsにて $('.question-text').click(function(){ var $answer=$(this).parent().find('.answer-text'); if($answer.hasClass('open')){ $answer.removeClass('open'); $answer.slideUp(); $(this).parent().find('#down').html('<span id="up" class="fa fa-angle-up"></span>'); }else{ $answer.addClass('open'); $amswer.slideDown(); $(this).parent().find('#up').html('<span id="down" class="fa fa-angle-down"></span>'); } }); と記述。→グーグルのブラウザで確認。→クリックしても動かない。 という状況です。 (2)ここでまた質問ですが、(1)の時点でjQuery使用環境が整っていれば、動かない理由は単に私のコードが間違っている事になる訳ですが、どうでしょうか・・・？ ご意見賜りたくお願い申し上げます。
- goki01
- お礼率0% (0/3)
- JavaScript
- 回答数2
- ありがとう数0
- みんなの回答 （2）
- 専門家の回答
みんなの回答
- nekomikekamo
- ベストアンサー率73% (71/97)
(１)これでjQueryの使用環境は整ってますでしょうか？ →OKです。 (２)ここでまた質問ですが、・・・ →以下の箇所を訂正してみましょう。 $amswer.slideDown(); ↓スペルミス $answer.slideDown();
- willieaames
- ベストアンサー率0% (0/0)
はい、できます。Pythonとatomから構築されたこのツールをご覧ください。 https://www.folio3.ai/converse-smartly-try-now/
