🧰業務効率化
CSSアコーディオン・FAQ作成
JavaScript不要の開閉FAQを生成
- ✓ 無料
- ✓ 登録不要
- ✓ ブラウザだけで動作
- ✓ データ送信なし
ファイルや入力内容は、原則としてお使いのブラウザ内で処理されます。
details と summary を使った、JavaScript不要のFAQを作成できます。入力値はブラウザー内だけで処理し、送信・保存しません。
1. デザインを選ぶ
2. 内容と見た目を調整
3. プレビュー
4. CSSとHTMLをコピー
使うときのポイント
- 質問文だけで内容が分かるようにし、似た質問を重複させないようにします。
- 重要な情報をすべて閉じた中に入れず、ページ本文からも案内してください。
summaryはキーボードでも開閉できるため、独自のクリック処理は不要です。- FAQ構造化データを追加する場合は、画面に表示する質問・回答と同じ内容にしてください。