Create Animated Accordion using HTML CSS & JavaScript in Hindi 2022
Welcome, we will see how to Create an Animated Accordion using HTML CSS & JavaScript in
Hindi 2022.
What is Accordion?
Accordion menus expand and collapse when a user clicks a button. It’s a great way to not have to show all the info about a topic up front, and instead, give users the option to show only what they need.
😍 Check my Instagram to Connect with me:
👉 For Free Source Code Link:
------------------ Timeline --------------
0:00 Intro
1:20 Folder Structure
1:51 Tips Comment
2:06 Create Snippets
2:40 HTML Code
6:35 CSS Start
12:55 Icons Class & Styling
13:45 Correct Layout using Grid
15:15 Hidden Box Styling
16:45 Trick to Show & Hide Div
19:30 JS to get Reference (DOM)
21:45 Showing O/P with Console
23:10 For Loop to Toggle Active Class
25:30 Hiding Close Icon at First
27:10 Toggle Close & Open Icon
28:20 Showing Border on Top CSS
29:50 Animation In CSS
31:00 Subscribe
4 views
204
51
2 weeks ago 00:01:20 1
Coca-Cola - Secret Santa (AI-Generated Christmas Ad 2024)
2 weeks ago 00:26:20 1
Dirty Donna
4 weeks ago 00:23:23 1
Create CONSISTENT CHARACTERS from an INPUT IMAGE with FLUX! (ComfyUI Tutorial + Installation Guide)
4 weeks ago 00:04:14 1
The Hunter - Bloodborne (4K UHD 2024)
1 month ago 00:04:19 1
The Fox | Historical Documentary Constructor
1 month ago 00:01:02 1
Meau Cats - Step Into The Sun 😊 Just a Little Warmth in these Cold Days ❤️#cats #catlover
1 month ago 00:09:37 1
Jean Sibelius - Finlandia
1 month ago 00:01:10 1
[FNAF/TF/DC2] Dreadstalker ep 1 the first travel 70 Subscribers Special
1 month ago 00:01:04 1
A2O Rookies ’Zal-Dance Compilation V1‘ Official Video
1 month ago 00:14:26 3
The Survivor
1 month ago 01:20:15 1
Yellowstone’s Ground Is Splitting APART: What to Expect?
1 month ago 00:06:14 8
How to Create a Confetti Animation in After Effects Tutorials