Q&A

アコーディオンの準備(1)
  • 答えの部分はCSSで非表示にします。
  • 3つの質問部分には同一のclass名を付与。
  • それらのclickイベントを作ります。
アコーディオンの準備(2)
  • hasClassメソッドは、引数に指定したクラスを、オブジェクトが持っているか判定するときに使用します。オブジェクトがそのクラスを持っていればtrue、持っていなければfalseを返します。
アコーディオンの完成
  • if文がtrueの時(下図で答えが表示されている時)、答えの部分はslideUpメソッドを用いて隠し、質問の右にある「-」記号は「+」記号に書き換えます。反対にif文がfalseの時は、答えをslideDownメソッドで表示し、「+」記号は「-」に書き換えましょう。