Jquery ui 显示/隐藏多个分层jQuery UI小部件

我对这一切都不熟悉，所以请容忍我

我一直在使用一些jQueryUI小部件，我想创建一组带有子类别（子类别）的类别（成人）单选按钮，这些子类别（子类别）只有在选择了合适的成人后才会出现

以下是我目前掌握的代码：

问题只在于初始子项集的格式设置有效，其他子项则显示为普通复选框。我认为这与div id=“format”有关，但我不确定

<div style="display: none;" id="Adult1Children">
  <div id="format">
    <input type="checkbox" id="child1" value="child1"/><label for="child1">child1</label>
    <input type="checkbox" id="child2" value="child2"/><label for="child2">child2</label>
  </div>
</div>

孩子1
孩子2

从IRC频道获得了一些帮助-以下是固定代码：

我有一个重复的id“格式”，所以它只运行第一个。我所要做的就是将id改为类，然后在js中从#format改为.format。简单

$( ".format" ).buttonset();

and

<div class="format">

$（“.format”）.buttonset（）；
和

刚刚在代码第54行发现一个错误，id设置为与第53行相同。不幸的是，这并没有改变输出。以下是修订后的代码：