CODEWITHSUNDEEP
javascripthtml
Priyanka Jain
Priyanka Jain

Reputation: 15

How to create content drop down menu bars?

I want to create content drop down bars as shown in images. When someone clicks on that bar then content show and if he clicks again drop down should hide. I searched for this but not got any good solution. So please help me with this, refer image for understanding my query.

Image:

enter image description here

Upvotes: 0

Views: 33

Answers (2)

Devloop80
Devloop80

Reputation: 323

Or you can use bootstrap which have some more functionalities.

See example below. https://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_collapsible_accordion&stacked=h

By the way Bootstrap 4 is released but I am linking Bootstrap 3.

Upvotes: 0

Deepak Vasudevan
Deepak Vasudevan

Reputation: 360

I believe I would achieve this by a tiny customization with JQueryUI Accordion. Please refer this example:

https://jqueryui.com/accordion/#collapsible

Upvotes: 1

Related Questions