🚀 LEVEL UP TO SENIOR:Unlock 500+ Advanced Practical Challenges & Exercises.

🎓 COURSERA PARTNER:Earn professional Google, Meta, and IBM certificates to supercharge your resume.

Day 21: Details & Summary

HTML Masterclass

Current Task

Create a native accordion widget without JavaScript!

Step 1: Create a <details> container.

Step 2: Add a <summary> tag inside with "More Info". This is the clickable title.

Step 3: Add a paragraph below it with "Hidden details here."

index.html

<details>
  <summary>More Info</summary>
  <p>Hidden details here.</p>
</details>

* Hint: Correct characters turn green, incorrect ones turn red.

Live Preview

🖼️

Verify your code to see the preview