如何创建内容下拉菜单栏？

Question

我想创建如图所示的内容下拉栏。当有人点击该栏时，内容会显示，如果他再次点击，下拉应该隐藏。我搜索了这个但没有得到任何好的解决方案。所以请帮我解决这个问题，参考图片以了解我的查询。

图片：

Answer 1

我相信我可以通过使用 JQueryUI Accordion 进行微小的定制来实现这一点。请参考这个例子：

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

Answer 2

或者您可以使用具有更多功能的引导程序。

请参见下面的示例。 https://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_collapsible_accordion&stacked=h

顺便说一句，Bootstrap 4 已发布，但我正在链接 Bootstrap 3。