摺疊面板 Accordion

你可能會這樣說

常見問題一長串，先只秀出問題本身，點了才展開答案——頁面立刻變短的手法。

摺疊面板是點了標題才展開內容、再點就收起來的元件，一折一折像手風琴，因此得名。

它最適合內容很長、但不用一次全部攤開的區塊，像「常見問題」或「詳細規格」。

跟 AI 合作時記得交代：一次只能開一個，還是可以同時開好幾個、展開要不要平滑動畫。

可以。你負責說清楚想要什麼，程式碼交給 AI 生成，你只要看得懂成果、會驗收就好。

先不用。在自己電腦上預覽不用網址；等你要正式上線給大家看，再買網域也不遲。

有版本紀錄就能退回。養成習慣：每完成一小段就請 AI 存一個存檔點，做壞了隨時回到上一步。

摺疊面板平時只露題目，點了才展開答案、一次開一題——長內容瞬間變短。

圖 2-31　常見問題最愛用：點哪一題，就開哪一題的答案。

中文就可以

常見問題區做成摺疊面板，預設全部收合。
點題目展開答案，再點同一題收起來，展開動畫 0.3 秒。
一次只開一題，開新題時自動收合舊題。
展開那題的圖示從加號變減號。