Press "Enter" to skip to content

Build an Accordion Menu – No Frameworks or Dependencies | Accordion Menu Tabs | HTML5, CSS3 & JS



This video will teach you how to build an accordian menu without using an dependencies or frameworks. I will use some basic HTML, CSS, and JavaScript.

No dependencies are used in this tutorial. No jQuery or Vue or Angular or React. I will write it all from scratch while making sure you understand why each line of code exists.

This is a basic accordion menu like those you often find on Frequently Asked Questions pages. It is surprisingly easy to build. We will start by building a basic menu, and then enhancing it with a few animations and icons to further enhance its interactive elements.

SCREENSHOTS & Button Images: https://drive.google.com/open?id=1Ow55DGzYDnt6Q95xrUG7-P8yvyd2WgwI

Follow me on Facebook: https://fb.me/tanztalks.tech
Join our Facebook Group and Post your Problems: https://www.facebook.com/groups/1199763656835372/

Text Hover Effect: https://youtu.be/ZOa9K_VXfX4

Please take a moment to like and comment on my video. It helps me stay motivated! 🙂

—————————————————————————————————————–

If you are interested in learning about Web Design. Check out these playlist

Restaurant Theme Responsive HTML/CSS Website:

CSS Tips and Tricks | CSS Animations and Effects:

Portfolio Theme Responsive Bootstrap Website:

Business Theme Responsive Animated Bootstrap Website:

Travel Theme Responsive HTML/CSS Website From Scratch:

Website Creation Tutorials:

Host a website on your computer without any hosting server or buying domain:

—————————————————————————————————————–

Audience: Anyone with a basic knowledge of HTML and CSS

Follow Me on Facebook: https://fb.me/tanzTalks.tech

#Accordion #FAQAccordion #AccordionTabs #Menu #CSS #HTML #HTMLCSS #WebDesign #tanzTalkstech

7
Leave a Reply

avatar
7 Comment threads
0 Thread replies
0 Followers
 
Most reacted comment
Hottest comment thread
0 Comment authors
MonikaBeauticianAnas EntertainmentWeirdEngineer GuyAnasKingGaurav Singh Recent comment authors
  Subscribe  
newest oldest most voted
Notify of
tanzTalks.tech
Guest
tanzTalks.tech

Timeline:

00:00:07: Preview

00:01:10: HTML

00:10:10: CSS

00:21:05: JavaScript

Kulsum Akter
Guest
Kulsum Akter

thanks for this vedio ❤❤❤

Gaurav Singh
Guest
Gaurav Singh

thanks a lot for ur video sir

AnasKing
Guest
AnasKing

thats better than d classes i attend during my engg days 😆😁

WeirdEngineer Guy
Guest
WeirdEngineer Guy

Thank u for all d hard work sir.. liked, subscribed, shared 👍 (but I was alredy a subscriber 😅)

Anas Entertainment
Guest
Anas Entertainment

really apreciate ur work bro. this one is very good. boht shukria apka

MonikaBeautician
Guest
MonikaBeautician

thats brilliant 👏👏👏 thank u so much for dis..