Add a disclosure — practice exercise

What you'll be asked to do

1. 1.Add a disclosureexercise · easy · 10 min

   Add a details element with a summary and body text.

   Passes when: Add a details element with a summary and body text.

2. 2.Open by defaultexercise · easy · 10 min · practice plan

   Make the disclosure start expanded.

   Passes when: Make the disclosure start expanded.

3. 3.A question and answerexercise · easy · 10 min · practice plan

   Use details for one FAQ entry.

   Passes when: Use details for one FAQ entry.

4. 4.Two entriesexercise · easy · 10 min · practice plan

   Add two separate disclosures.

   Passes when: Add two separate disclosures.

5. 5.An FAQ blockexercise · medium · 10 min · practice plan

   Build two FAQ entries under a heading.

   Passes when: Build two FAQ entries under a heading.

6. 6.Fix the details with no summarybug fix · easy · 8 min

   Without a summary there is nothing to click.

   Passes when: Without a summary there is nothing to click.

7. 7.Fix the wrong attribute for the open statebug fix · easy · 8 min · practice plan

   A disclosure starts expanded with open.

   Passes when: A disclosure starts expanded with open.

8. 8.Fix the summary written as a headingbug fix · easy · 8 min · practice plan

   The clickable label is a summary element.

   Passes when: The clickable label is a summary element.

9. 9.Fix the two entries in one disclosurebug fix · easy · 8 min · practice plan

   Each question is its own details element.

   Passes when: Each question is its own details element.

10. 10.Fix the missing second questionbug fix · easy · 8 min · practice plan

    Only one FAQ entry was written.

    Passes when: Only one FAQ entry was written.

Between them these tasks cover Disclosure widgets, summary and open attribute.

Looking for a different chapter? See every practice set, or switch to the interview theory questions.