How To Make An Accordion Using HTML And CSS | Collapsible Content On Website 

Excellent stuff. Had to muck around with the css to implement in a complex site but working exactly as required.

Solid call! I tweaked it to use checkboxes and set up an async handler so that `content.remove()` fires when a checkbox is unchecked.

Hi, I've watched many tutorials in Spanish that is my mother tongue. But you with your English style, still surpass by far what others have taught me, Congratulations. !You have a new follower more.¡

From Russia with Love!! Thanks. I watched a lot of videos in my native language: and everything was difficult there. The most understandable way was in English. Thank you!!!!

I followed through and it worked perfect.. Great to see how much can done with just html and Css

First of all, thank you very much. It was great. I just have one question. I cannot close all the acoordion menus at the same time. At least one of them remains open. How do I turn off them all?

i am new to coding and have just learnt a lot watching this thank you

Subbed, this was a life saver!! You also could make each section just collapsible by changing the input type to checkbox and can even move the + / - to the right using label::after instead of label::before. Great learning for sure.

my homework was to do accordion using javascript but this will shock my teacher lol thanks

Yeah! your projects are getting more and more interesting. I thought you lost your steam. Thanks much for these videos.

Great video. Thanks for posting. After you have clicked on it the + sign and the content has been expanded, and it's now showing the minus sign, how can you make the minus(-) sign, hide the content whenever it is clicked.

thank you, simple, clear and beautiful

Great video, thanks for the tutorial. I dont want to close the product when i open information, how do we do it?

TnQ so much brother

Where are the tags?

i love you yar ap na meri problam solve kr di thank you ver much ☺

Thanks!

If you do it with Chrome you 'll probably get tabs shaking while they are changing, however, i checked other browsers and all is fine. Any ideas how to fix it in chrome? all in all, great stuff

Very helpful video

Wow! Very wonderful I’m definitely going to add it to my project now ❤

Hey nice video.....only part i didn't understand is checked+ label+ .content This piece of code is using to expand only the checked field but how ? And why we are doing label+. content can you explain

Hii sir ek video radio btn ke saath bhi bnao btn ke saath radio btn ke value bhi change ho aur check ho

Hey buddy, thanks a lot. Super cool tutorial. In my test, I changed the RADIO to CHECKBOX. Because I needed click on and click off. Do you know what I mean? Again, thank you sou much.

THANKS A LOT.

very helpful

Thank you Sir.

You're very good and creative❤✅

Thanks ;)

Can i use the same code in my reactjs project?

Ima download it thanks for sharing!!

Please easy tutorial make an authentication website using serial numbers or barcode

This video was really helpful, Keep it up Avinash

thankyou

How have you made the label respond to clicks when its display is hidden ?

Wow! Very wonderful

Sir, please review this video because once the check is hidden it's no more collapsible

grateful boss.❤️

Very Nice .

Thanks alot. Very Pedagogical and structured tutorial. I knew there had to be a way without js :D

Nice

Flawless as always! Thank you!!

How do you close the accordion that is open without clicking on a diffrent accordion ?

Nice work brother

Helpful video. Is this accessible?

is this mobile friendly?

Super guru...👍

responsive version?

What if I need to add an arrow visible at the end of the first input

wow , superb 🤩

great content man!

Thanks a lot man

❤

Sir Please, I want make in blog with full details history like this code, help me and also want page no. In bottom, my site like history site so i really like this code help me

I copied the whole code except for the text But for whatever reason I don't know the + symbol isn't appearing on the webpage

How to make cricket score sheet by coding?

champion

How to close it also right that

Awesome, thanks you for this information. How to add this accordion to your footer menu in mobile view. I hope u can make video for this, I’ll definitely keep on eye on it🫰

Please do corona viruses tracking project!!

ke a leboha 🙏

How to make this responsive?

My accordian is not working

js is missing!!