三項 Task 進度

TASK-01尚未開始

預計修改：script.js

完成後：querySelectorAll 與 addEventListener 只切換被點擊的 FAQ

TASK-02尚未開始

預計修改：script.js

完成後：原生版的視覺開關與 aria-expanded 永遠一致

TASK-03尚未開始

預計修改：script.js

完成後：開新題會關閉舊題，再點目前題可收合，aria 不殘留

HTML、CSS、JavaScript 與文件實際異動

展開檔案卡查看必要差異；只有程式碼區可以橫向捲動。

HTML本步驟無異動

檔案：index.html

Starter 已提供這個檔案。

三項任務都不需修改此檔案。

CSS本步驟無異動

檔案：style.css

Starter 已提供這個檔案。

三項任務都不需修改此檔案。

JavaScript先自行嘗試

檔案：script.js

請先閱讀上方任務與預計修改檔案。

Starter 不顯示完成碼，請先自己動手修改。

README／其他文件本練習未使用

檔案：README.md

本練習沒有這個檔案。

本步驟不需修改此類型。

準備
先在 Starter 操作可運作的 jQuery 版，再打開 script.js 標記舊碼每一行責任。
操作
進入 Checkpoint 1，確認啟用的是 querySelectorAll、addEventListener 與 classList，依序點擊不同 FAQ。
預期
querySelectorAll 與 addEventListener 只切換被點擊的 FAQ

Starter TASK-01

完成後可見：querySelectorAll 與 addEventListener 只切換被點擊的 FAQ

LEGACY MAINTENANCE

本課使用 jQuery 3.7.1 維護分支示範。

不是，它是包裝常見 JavaScript 操作的函式庫。

不一定，本課定位是讀懂與維護既有網站。

不會，下一課使用原生 fetch。