Accordion (HTML, CSS and JavaScript)

Thank you kindly for the code! It helps me a lot :D

Thanks Malaka!

Thanks to your video this seems to be very easy to do. Clear explanation, fast and straight to the point plus extra tips presented. Very cool!

finally! coding that works! simple and effective! Thank you! Please are you able to help me with using VS-CODE to upload a site to a hosting site?

Gracias, me salvaste el orto! Te amo

There is another method where you use checkbox inputs instead of divs. That way no javascript is required.

so far this is the most detailed tutorial i have ever seen. Thank you so much i have learn a lot from this tutorial. please make some more informative step by step tutorial videos.

Wow this is a pretty descriptive way of making an accordion.

Thank you, this was exactly the solution I was looking for. That is, how to animate the accordion. Thank you very very much

Thanks, very clear and useful

thank you so much! you've helped a lot!

excelente tutorial!

I am using Dreamweaver to create this accordion, but on 14.4 min it gives me error when I enter const in main.js, please advise. Thanks

Great explanation about this topic

Thanks for the tutorial and i have a question. I liked the option without height, and is it possible to make one item open by default, how to do it in js??

For the same video can you add accordion inside accordion or nested accordion

Even though this tutorial is over two years old. Dude you helped me big time with this one. This solution @Coding Journey is elegant and easy to follow. Easy SUB for me.

Please how did you do this
.accordion-item-header.active + .accordion-item-body
Is there a special way you added the + symbol to the syntaxI tried and it’s not working . Please help

meeen i have been searching for the teaching like this for almost 2 days i can to find now, this video is very clear directly informative

i just found the best teacher on the internet !! explaining so smooth like to 5 year old ! and its free man God bless you ! make more content

How can i join the the training program ? as a trainee

Awesome example. Very useful explanations at every coding step.

It is really great and very excellent, but I want for your permission a way to communicate with you. I want to explain to you a simple problem that I encounter when opening the accordion. I hope that you will help me solve it. Thank you

The video is beneficial. the whole content is adequately explained. thank you.

Bravo, good job, merci 👍👍👍

Hi! Thank you so much for this explanation. I have a problem when I want to convert this code suitable for displaying sub-accordions. That is, ul tags inside li tags. Is it posible?

<3

hi , when you click on "+" more than one could be openned

thanks

Totally loved it. Thank you so much for giving many ideas in the process. Efficient and effective way, Sir!

awesome

Thanks brother. After a long time coding I got one amzing hint from your works. Thanks a lot it took me 4 year to get to this one hint.

Well done and to the point

Bro hello, I'm from Russia and now I'm writing through a translator, I hope you understand everything. If you can hear me, then I want to say THANK YOU SO MUCH!!!! I was soaring over the accordion for 2 days, and only thanks to you I was able to make it perfect thank you very much, I hope you start making content again. It was especially difficult to make an accordion in such a way that when you open a new tab, the old one closes. I tried 9 ways but did not get the desired result, but yours is perfect THANKS YOU AGAIN!!!

Thanks❤️❤️buddy love you explaining it was very useful content for every 🔰 beginner developers

very nice explanation! however, would be cool if you could also explain for noobies, for example, why do u use '=>' or 'event =>', that was some sort of questions that would be cool to make clear

The best explanation of all that I wanted to know, thanks a lot ಥ‿ಥ

thank you <3

I love it!!!
This tutorial helps me a lot You have no idea
Thank you for this simple and didactic video

You are amazing! Thank you very much for your clear explanation!

thank you so much sir

The best video, this was what I was looking for 10/10. At first, I hesitated on but after watching half of it I knew this was the video I was looking for Thank you :)

great, so "active" class does not have any CSS properties assigned to it. It is used as an empty class to trigger JS commands based on the "active" class presence or absence. That's smart.

Simple functions and clean code, perfect for beginners.

BRO YOU ARE AWESOME THANK YOU SO MUCH I LOVE YOU GOD BLESS YOU MAN

Thank you 👍 It is very simple and very effective code.

Absolutely awesome tutorial; I have been trying to do this for at least a week before I found your video. Thank you so much!

Underrated! This made me subscribed.