課題2.前回課題4に,「全部開閉」ボタンを追加して,全部開閉ボタンを押したら,各メ
ニューについて,パネルを表示する→ パネルを隠す,と交互に表示する機能追加を行っ
た JavaScript プログラムを作成せよ。(同一の操作で2つの状態を交互に切り換えること
をトグル toggle という.)この課題については,下の青枠で囲まれた部分に関係する HTML
と JavaScript プログラム,下のような画面コピーを提出せよ。
前回課題 4.htmlは part03\lecture2-3\前回課題4.html にある。(20点)
【ヒント) この課題は, id と class の使い分けの理解が必須である。複数メニューの同時
操作については,第11回資料 Lecture 2-2 COLUMIN「アコーディオンパネルを作る」が
参考になる。クラスを使って,複数個所を同時に操作する方法でも,ID を使って,3 か所
指定する方法でもできる。
【ヒント】 ボタンの作り方は Lecture 1-11, 1-12, さらにイベントにメソッドを対応させ
るやり方は Lecture 2-2 (第11回)で学習済みである。
G クリックすると開くツールボックスを作: ×x +
ファイル | S/2021/Webページ作成応
show,slideDown
クリックすると開くツールボックスを作る
ツールを開閉するには、全部開閉ボタンをクリックしてください
全部開閉
ファイル
編集
表示
14
ロ