質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

88.57%

質問項目をスライドダウンさせたい

解決済

回答 2

投稿

  • 評価
  • クリップ 0
  • VIEW 545

wpmanaby

score 17

ホームページの模写をしております。htmlファイル「faq.html (サービスに関するFAQ)」にjqueryで質問項目を
クリックした際にslideDownで答えを表示させたいのですが全く反応しません。解決法をご教授いただきたいのですが。

<!DOCTYPE html>
<html lang="ja" dir="ltr">
  <head>

    <meta charset="utf-8">
    <meta name="FAQ" content="FAQ">
<meta name="keywords" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>サービスに関するFAQ - ii-deais(イーディアス)</title>
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/faq.css">
<!-- https://ii-deais.co.jp/about/ -->

<!-- <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> -->
<script src="js/jquery-3.3.1.min.js"></script>

  </head>
  <body>
<div class="container">
    <!-- header -->
    <a href="#">
    <img src="images/btn_pagetop.png" alt="page-top" id="move-top-btn">
  </a>
      <div id="container">
            <p>採用における課題を「情報発信」で解決する - ii-deais(イーディアス) -</p>
    </div>
    <!-- header-menu -->
      <header id="header">
        <div id="inner">
            <div id="logo">
        <a href="https://ii-deais.co.jp/">
          <img src="images/logo.png" width="236" height="30" alt="株式会社イーディアス">
        </a>
      </div>

            <div id="global-nav">
                <ul>
                    <li><a href="index.html"><span class="in">イーディアスに<br>ついて</span></a></li>
                    <li><a href="solution.html"><span class="in">ソリューション<br>のご紹介</span></a></li>
                    <li><a href="faq.html"><span class="in"> <br>FAQ</span></a></li>
                    <li><a href="ranking.html"><span class="in">採用サイト<br>ランキング</span></a></li>
                    <li><a href="contact.html"><span class="in">資料請求・<br>お問い合わせ</span></a></li>
                </ul>
            </div>
          </div>
      <!-- ends-header-menu -->
      <div class="clear-fix"></div>
    </header>
 <!-- end-header  -->

    <p id="page-sub">
        <span class="root"><a href="#">株式会社イーディアス ホーム</a></span>
         > サービスに関するFAQ
  </p>
<!-- page-title -->
    <div class="top-wrapper" class="bg">
      <h1><img src="images/faq/page_ttl.png" alt="サービスに関するFAQ"></h1>
    </div>
  <!-- ends-page-title -->


<section class="faq-contets">
  <div class="faq-wrapper">
    <ul class="faq-list">

      <li class="faq-list-item">
      <h3 class="question">Q.コンサルティングサービスの費用には、採用ツールの制作費も含まれているのでしょうか?</h3>
      <span>+</span>
      <div class="answer">
        <p>A.はい、含まれております。
大まかなスケジュールと施策内容を協議した上でご契約となりますが、その際、各種採用ツールの制作費も含めてご提案いたします。</p>
      </div>
      </li>

      <li class="faq-list-item">
      <h3 class="question">Q.各サービス、例えば採用サイトの制作だけを申し込むことはできますか?</h3>
      <span>+</span>
      <div class="answer">
        <p>A.はい、可能です。
採用プロモーションツールの制作のみ、コンサルティングのみ、採用アウトソースのみといった個別のお申し込みができます。</p>
      </div>
      </li>

      <li class="faq-list-item">
      <h3 class="question">Q.月額ってどういうことですか?</h3>
      <span>+</span>
      <div class="answer">
        <p>A.ご契約前に達成目標とスケジュールをご提案いたします。達成に必要な体制・布陣によって当社の月間の最大作業時間が決まりますので、その範囲でコンサルティング・実制作を行います。ご予算やスピードなどで増減が可能です。</p>
      </div>
      </li>


      <li class="faq-list-item">
      <h3 class="question">Q.コンサルサービスの契約期間は最低どのくらいですか?</h3>
      <span>+</span>
      <div class="answer">
        <p>A.12ヶ月、または24ヶ月です。採用課題の抽出と解決策のご提示にはどうしても時間が掛かってしまいますし、
          プロジェクトを進めるうちに発現した課題や必要な制作物などに柔軟に対応するためです。<br>
『採用サイトだけ』『入社案内だけ』などの発注も可能で、こちらは単体でのご注文となります。</p>
      </div>
      </li>

      <li class="faq-list-item">
      <h3 class="question">Q.月額制のメリットって何でしょうか?</h3>
      <span>+</span>
      <div class="answer">
        <p>A.イーディアスのコンサルティングサービスの最終目標は「プロの知見を移植し、仕組化する」ことにあります。単なるアドバイスや制作、代行ではなく、課題解決やご提案を通じて採用力を高めるため、原則毎月のご訪問と当事者意識を持った企画提案や施策実施を、お客様とともに実行いたします。</p>
      </div>
      </li>

      <li class="faq-list-item">
      <h3 class="question">Q.費用に含まれるものと含まれないものを教えて下さい。</h3>
      <span>+</span>
      <div class="answer">
        <p>A.人事制度の策定や評価、教育など、採用活動から外れることについては対象外ですが、情報提供やアドバイスは可能です。まずはご相談ください。
また、印刷費や広告費などは実費をご負担いただきます。</p>
      </div>
      </li>

      <li class="faq-list-item">
      <h3 class="question">Q.訪問はしてくれるのですか?</h3>
      <span>+</span>
      <div class="answer">
        <p>A.はい。基本的にプロジェクト開始前後は毎週または隔週程度、その後も月に1回程度ご訪問させていただき、貴社の状況把握と施策の進捗報告、効果検証や企画提案を行います。</p>
      </div>
      </li>

      <li class="faq-list-item">
      <h3 class="question">Q.他社との違いや強みは何ですか?</h3>
      <span>+</span>
      <div class="answer">
        <p>A.貴社専任チームによる、採用力を高める体制のご提供と当事者意識、
          「@人事」を中心とした情報網、クリエイティブチームによる高い成果物の提供、
          付加価値を生みにくい作業のアウトソースが可能で、
          これらすべてを自社で一貫して提供できることです。</p>
      </div>
      </li>

      <li class="faq-list-item">
      <h3 class="question">Q.月額内でどのようなことでもできるのでしょうか?</h3>
      <span>+</span>
      <div class="answer">
        <p>A.ご契約金額に応じて、イーディアスの月間作業時間を取り決めます。原則、その範囲内でのコンサルティングサービスをご提供いたします。
もちろん、制作物の締切りや説明会などの繁忙期には、作業時間が超過することもございます。その場合には、前後の月の作業時間を調整させていただきます。</p>
      </div>
      </li>


            <li class="faq-list-item">
            <h3 class="question">Q.制作費込みですか?</h3>
            <span>+</span>
            <div class="answer">
              <p>A.制作・企画・コンサルティングなどの区別なく作業時間に含まれております。
媒体管理や施設予約、説明会の運営代行などの「アウトソース」については、別途お見積りとなります(コンサルティングサービスよりも安価となります)。</p>
            </div>
            </li>


                  <li class="faq-list-item">
                  <h3 class="question">Q.いつからでも契約できますか?</h3>
                  <span>+</span>
                  <div class="answer">
                    <p>A.採用シーズンの開始前・途中を問わず、いつからでもご契約が可能です。</p>
                  </div>
                  </li>


                        <li class="faq-list-item">
                        <h3 class="question">Q.全国どこでも対応できますか?</h3>
                        <span>+</span>
                        <div class="answer">
                          <p>A.はい、可能です。<br>
現在、全都道府県に私たちがご支援している会社様がございます。どの地域の皆様にも質の高いサービスの提供が可能ですのでご安心ください。</p>
                        </div>

                        </li>
                        <li class="faq-list-item">
                        <h3 class="question">Q.自社の取り組みが正しいのかがわかりません。<br>
まず診断や相談をすることは可能ですか?</h3>
                        <span>+</span>
                        <div class="answer">
                          <p>A.はい、可能です。<br>
良質な母集団が十分な量確保できているか、内定辞退率を低下させられないか、採用サイトや入社案内はメッセージを届けられているかなど、ヒアリングに基づいて現状の採用力を診断し、その上で改善策をご提案いたします。まずは無料診断をお申し込み下さい。</p>
                        </div>
                        </li>

                        <li class="faq-list-item">
                        <h3 class="question">Q.インターンは企画だけですか?</h3>
                        <span>+</span>
                        <div class="answer">
                          <p>A.複数日にわたる職場体験型のインターンの場合は、その後の学生対応や動機形成の都合から、自社スタッフで行っていただくのがベストです。<br>
一方でセミナー型インターン(業界・職種・自己分析など)の場合は、当社で運営・募集の代行をすることも可能です。</p>
                        </div>
                        </li>

                        <li class="faq-list-item">
                        <h3 class="question">Q.新卒採用は初めてなのですが対応可能ですか?</h3>
                        <span>+</span>
                        <div class="answer">
                          <p>A.もちろん可能です。<br>
ご予算や目標の設定、人材要件の設定や媒体選定、選考手段やリクルーターの育成まで、すべて一から仕組化いたします。また、採用担当者育成支援も行っていますので、初めてでも安心してお任せ下さい。</p>
                        </div>
                        </li>

                        <li class="faq-list-item">
                        <h3 class="question">Q.採用予定数が少なくても問題ありませんか?</h3>
                        <span>+</span>
                        <div class="answer">
                          <p>A.もちろん問題ありません。<br>
「景気に関係なく毎年3名」などと採用数を決めている会社は数多くあります。採用人数の少なさは同期の少なさでもありますから、先輩のフォローや費用の圧縮などの対策も合わせて練る必要があります。</p>
                        </div>
                        </li>

                        <li class="faq-list-item">
                        <h3 class="question">Q.人手不足の業界ですが、それでも大丈夫でしょうか?</h3>
                        <span>+</span>
                        <div class="answer">
                          <p>A.採用難易度が高いときこそ当社をご利用下さい。<br>
理系・エンジニア・不人気業界で急成長中など、さまざまなケースで対応可能です。なお、「ターゲット学生そのものが数十名しかいない」など、極端に少ない場合には、お請けできない場合がございます。</p>
                        </div>
                        </li>

                        <li class="faq-list-item">
                        <h3 class="question">Q.料金はどのくらいですか?</h3>
                        <span>+</span>
                        <div class="answer">
                          <p>A.採用課題によって変動します。<br>
標準的なコンサルティングで25~40万円程度になることが多く、採用ツールの制作などが加わると5~15万程度アップすることが多いです。</p>
                        </div>
                        </li>

                        <li class="faq-list-item">
                        <h3 class="question">Q.大人数の採用にも対応できますか?</h3>
                        <span>+</span>
                        <div class="answer">
                          <p>A.はい、可能です。
数百名・全国各地で採用&勤務などの支援実績がございます。なお、採用人数が増えても比例して難易度が高くなるということはほとんどの場合ございません</p>
                        </div>
                        </li>

                        <li class="faq-list-item">
                        <h3 class="question">Q.採用に専念できるスタッフがいないのですが大丈夫でしょうか?</h3>
                        <span>+</span>
                        <div class="answer">
                          <p>A.当社の窓口となっていただく担当者様を決めていただければ対応可能です。<br>
イーディアスのコンサルティングは、最終的に仕組化と自社での運用を目標としているため、採用担当者の育成も視野に入れていただきたいところですが・・・。</p>
                        </div>
                        </li>



  </ul>
</div>
</section>


</div>
$(function(){



$('.faq-list-item').click(function(){
  var $answer = $(this).find('answer');
    if($answer.hasClass('open')){
      $answer.removeClass('open');
      $answer.slideUp();
      $(this).find('span')text('+');
    }else{
      $answer.addClass('open');
      $answer.slideDown();
      $(this).find('span').text('-');
    }
});
});
  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 2

checkベストアンサー

+1

  • 動かない時はデベロッパ見たり
  • そもそもjs読み込まれてるのか確認したり(確認1)
  • イベント処理自体実行されてるのか確認したり(確認2)
  • 処理を簡単なものだけにしたり(コメントアウト)
  • 変数の中身確認したりを(確認3)
    などをしていくと問題点が見えてきたりしますよ

で、find()class指定時の.
text()を繋げる時の.が無いことに気付きました

alert('aaa'); // 確認1

$('.faq-list-item').click(function(){

  alert('aaa'); // 確認2

  var $answer = $(this).find('answer');

  console.log($answer); // 確認3

    // if($answer.hasClass('open')){
      $answer.removeClass('open');
      $answer.slideUp();
      // $(this).find('span')text('+');
    // }else{
      // $answer.addClass('open');
      // $answer.slideDown();
      // $(this).find('span').text('-');
    // }
});

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

+1

2箇所

answerクラスをfindするときは.が必要

var $answer = $(this).find('.answer'); 

textの前の.が抜けている

$(this).find('span').text('+');

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2018/11/20 15:19

    ありがとうございます!
    正しく動作いたしました。

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 88.57%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る