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

【问题标题】：drop down list with multiple check box levels in JQueryJQuery中具有多个复选框级别的下拉列表
【发布时间】：2012-09-11 01:42:54
【问题描述】：

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

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

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

我怎样才能让按钮工作？

edit：我将解释我使代码更易于阅读的方法。我正在尝试创建多个，每个都包含一个复选框列表。每当单击按钮时，所有 s 都应该是 .hide()，只有请求的应该是 .show()。我不担心如何再次到达 main ，但是一旦下拉列表折叠，所有的都应该重置。希望对您有所帮助。

【问题讨论】：

ID 应该是唯一的 - 您将按钮和 div 设置为 id=1.. 可能也是其他人，但我没有对 html 看得太远
@wirey 我没听懂。谢谢。

标签： javascript jquery html forms drop-down-menu

【解决方案1】：

我已经为必须操作的 div 提供了按钮的相应 id。然后找到被单击的按钮并构建必须打开的 div 。检查这个FIDDLE，让我知道这是否是你要找的.. 或者它是一个不同的要求..

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

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

    coresDiv.toggle();
});

【讨论】：