一个下拉菜单立即打开，应该可以在再次单击时关闭

Question

我正在尝试构建待办事项列表，当用户点击三个项目符号（所有html元素都是动态生成的）时，将显示下拉列表。最重要的是一个下拉列表应该是开放的。但是当你再次点击时，下拉列表应该隐藏（就像你在Facebook和LinkedIn上看到的那样）。

一次只能打开一个下拉列表，当您点击已经显示下拉列表的项目符号时，它应该隐藏。

只有普通的JS请！

＆＃13;

＆＃13;

graph = { "a" : set("c"),
      "b" : set("c", "e"),
      "c" : set("a", "b", "d", "e"),
      "d" : set("c"),
      "e" : set("c", "b"),
      "f" : set()
    } 

＆＃13;

＆＃13;

＆＃13;

https://codepen.io/chichichi/pen/rpYNqe?editors=0111

如果添加两个或更多，则会出现一个错误，其中只有奇数列表项具有下拉列表。我该如何解决这个问题？