Skip to content
Foxipa
Code Completion 3 Challenges

Complete the native disclosure

Complete the HTML needed to create an exclusive details group with one initially open item.

Intermediate ~5 min read

Challenge 1

Add the opening <details> tag so this item belongs to the shared topic group and starts open.

html Your answer 
<summary>HTML</summary>
<p>Markup semantics.</p>
</details>

Press Ctrl⌘Enter to check your answer

Challenge 2

Add the opening details tag for the second member of the same exclusive group.

html Your answer 
<summary>CSS</summary>
<p>Presentation.</p>
</details>

Press Ctrl⌘Enter to check your answer

Challenge 3

Add the first child that labels the disclosure.

html Your answer 
<details name="topic">

<p>JavaScript behavior.</p>
</details>

Press Ctrl⌘Enter to check your answer