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
Back to Top