Javascript JQuery中具有多个复选框级别的下拉列表

我需要创建一个下拉列表，其中包含多个复选框以及多个级别。用户应该能够选择一个选项和/或深入挖掘以选择子类别。请参见下面代码中的示例

到目前为止，我能够创建下拉列表和复选框。我在获取所选按钮的id和打开相应的div时遇到问题

我怎样才能使按钮工作

编辑：我将解释我的方法，使代码更易于阅读。

---

我试图创建多个复选框，每个复选框都包含一个复选框列表。每当单击按钮时，所有的都应该.hide（），只有请求的才会.show（）。我不担心如何再次访问主目录，但是一旦下拉列表被折叠，所有的主目录都应该重置。希望这能有所帮助。

我已经为需要操作的Div提供了相应的按钮id。。然后查找单击的按钮并构造必须打开的div。。 检查一下，告诉我这是不是你要找的。。 或者这是一个不同的要求

$("button").click(function() {
    $("p").toggle();
     var btnID = $(this).attr('id');

    var coresDiv = $('div#' + btnID);

    coresDiv.toggle();
});

---

ID应该是唯一的-您将button和div设置为ID=1。。可能还有其他人，但我没有看太远html@wirey我没听清楚。谢谢