0

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

Nazim Kerimbekov
  • 4,712
  • 8
  • 34
  • 58
Priyanka Jain
  • 15
  • 3

2 Answers2

1

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

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

Deepak Vasudevan
  • 360
  • 1
  • 3
  • 16
0

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.

Devloop80
  • 193
  • 1
  • 2
  • 11