Collapse / Expand Sidebar Menu Using JavaScript, HTML, & CSS - #93

[@sphinixminecraft3328]

Woah, that was overwhelming! I am a beginner, trying to make my own similar project but I see that after 3 weeks of learning, I only got like 50 to 60 percent of what you did. I think that I should give this tutorial a break.

[@DevDrawer]

What do you need help with specifically? Maybe I can point you in the right direction.

[@sphinixminecraft3328]

@@DevDrawer I was trying to make a dashboard website, as a practice for drawer sidebar. But seems like I need to learn alot more things about html and css rn so I will book mark this one for later. Thank you though.

[@Skytech-u4b]

Thanks for the awesome tutorial. Can you please show us how to make secondary-menu level show on hover, please.

[@BSK_Rick]

Nice work man, so keep going, i really like your didactic!

[@DevDrawer]

Thanks. I like teaching so I am glad you enjoy it.

[@nahuelpiguillem2949]

Thank you very much man, very clear and to the point

[@DevDrawer]

Thanks. Glad you liked the video.

[@vangalavangala9757]

Very well explained.

[@DevDrawer]

Glad it was helpful! Thanks for watching

[@mikokz2329]

Thanks. But I made sidebar which is expandable by hover-trigger without js. In css basic state of sidebar has limited max-width and width. In hover state max-width and width more than in basic state. And I make smooth change by transition: max-width 0.2s ease-in;

[@DevDrawer]

Yes you can do this type of thing using CSS only. I like the JS approach because you can save the state in browser if needed or you can interact with a DB if needed instead of just having it have the look. Either way is cool though.

[@xuangamingexperience2937]

[@DevDrawer]

Thanks