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

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。