Question

柏　満南

ヒントを見ても分からなかったのでJavaScriptできる方教えてください。
1月8日(土)の12時まで回答を受け付けます。

課題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
ロ

G クリックすると聞くツールボックスを作: ×
O ファイル || S:/2021/Webページ作成応.
shhow,slideDown
クリックすると開くツールボックスを作る
ツールを開閉するには、全部開閉ボタンをクリックしてください
全部開閉
ファイル
新規
上書き保存
名前を付けて保存
とじる
編集
元に戻す
コピー
切り取り
貼り付け
表示
表示する
表示しない
全部開いた状態で,メニューパバーに mouseenter してから mouseleave すると,次のような
表示になることがあるが,対応は不要である。言い換えると,このような状態で全部開閉ボ
タンを押したときには、メニュー単位(ファイル、編集、表示)で開→閉,閉→開の処理を
行えばよい。
15

ファイル
新規
ファイル
編集
上書き保存
名前を付けて保存
とじる
ファイル
新規
上書き保存
元に戻す
編集
名前を付けて保存
とじる
コピー
切り取り
元に戻す
コピー
切り取り
貼り付け
編集
表示
表示
貼り付け
表示する
表示しない
表示する
表示
表示しない

プログラミング言語 javascript