How to Build an Accordion With HTML, CSS, and JavaScript

How to Build an Accordion With HTML, CSS, and JavaScript

Coder Coder via YouTube Direct link

- Researching getting height of elements

11 of 13

11 of 13

- Researching getting height of elements

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

How to Build an Accordion With HTML, CSS, and JavaScript

Automatically move to the next video in the Classroom when playback concludes

  1. 1 - Intro
  2. 2 - Kite AI autocomplete tool!
  3. 3 - Overview of the functionality for JavaScript
  4. 4 - Starting to add CSS styles for the different accordion states
  5. 5 - Fixing focused style on button
  6. 6 - Adding styles for the accordion content
  7. 7 - The button focused style strikes again!
  8. 8 - Adding JavaScript for clicking to open accordion
  9. 9 - Researching getting parent/sibling in JS
  10. 10 - Adding JavaScript to close accordion
  11. 11 - Researching getting height of elements
  12. 12 - Adding JavaScript for closing animation
  13. 13 - 🔥 FINISHED! Seeing the whole accordion work 😁

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.