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