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

Question

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

到目前为止，我能够创建下拉列表和复选框。我在选择按钮的ID并打开相应的div

时遇到问题

http://jsfiddle.net/Ammarcola/e5CZb/

如何让按钮正常工作？

编辑：我将解释我的方法，使代码更容易阅读。 我正在尝试创建多个，每个包含一个复选框列表。每当点击一个按钮时，所有s应该是.hide（），只有请求的是.show（）。我并不担心如何再次访问main，但是一旦下拉列表崩溃，所有应该重置。希望有所帮助。

Answer 1

我已经将Div的按钮的相应id赋予了必须被操作的..然后找到被点击的按钮并构建必须打开的div .. 查看此FIDDLE，如果您正在寻找，请告诉我们。 或者它是一个不同的要求..

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

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

    coresDiv.toggle();
});