jquery-ui - 显示/隐藏多个分层的 jQuery UI 小部件

Question

我对这一切都很陌生，所以请多多包涵。

我一直在使用一些 jQuery UI 小部件，并且我想创建具有自己的一组子类别（儿童）的类别（成人）单选按钮，这些子类别仅在选择适当的成人时出现。

这是我到目前为止的代码：http: //jsfiddle.net/99azd/

问题只是最初的一组子作品的格式，其他的显示为普通的复选框。我认为这与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>

Answer 1

从 IRC 频道获得了一些帮助 - 这是固定代码：http: //jsfiddle.net/w6qFC/

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

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

and

<div class="format">