Главная
Study mode:
on
1
- Intro
2
- Kite AI autocomplete tool!
3
- Overview of the functionality for JavaScript
4
- Starting to add CSS styles for the different accordion states
5
- Fixing focused style on button
6
- Adding styles for the accordion content
7
- The button focused style strikes again!
8
- Adding JavaScript for clicking to open accordion
9
- Researching getting parent/sibling in JS
10
- Adding JavaScript to close accordion
11
- Researching getting height of elements
12
- Adding JavaScript for closing animation
13
- 🔥 FINISHED! Seeing the whole accordion work 😁
Description:
Continue building an accordion using HTML, CSS, and JavaScript in this second part of a two-part tutorial. Learn how to implement CSS styles for different accordion states, fix button focus styles, and add JavaScript functionality for opening and closing accordion sections. Explore techniques for getting parent and sibling elements in JavaScript, research methods for obtaining element heights, and implement smooth closing animations. By the end of this hands-on coding session, you'll have created a fully functional accordion component for web applications.

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

Add to list
0:00 / 0:00