嵌套标准可扩展菜单(手风琴)行为

时间:2011-12-21 10:57:57

标签: jquery menu jquery-ui-accordion expandable

我在noaccordian模式下使用简单的手风琴脚本here来表现得像标准的可扩展菜单示例here但是类下的嵌套菜单不尊重noaccordian类并且表现为手风琴,我怎么能阻止这种情况发生?

我希望嵌套菜单能够打开多个部分。

1 个答案:

答案 0 :(得分:0)

我认为您需要在Classes菜单中将class =“noaccordion”添加到嵌套的ul中。例如:

<li> <a href="#">Classes</a>
    <ul class="menu nestedmenu acitem noaccordion">

      <!-- Repeat this LI -->
      <li><a href="#">Built-in Electric &amp; Gas Ovens</a>
        <div class="acitem panel">
          <ul class="noaccordion">
            <li>
              <label>
                <input type="checkbox" name="cat[]" value="17" class="ovens" />
                Electric: Double</label>
            </li>
            <li>
              <label>
                <input type="checkbox" name="cat[]" value="18" class="ovens" />
                Electric: with Microwave</label>
            </li>
            <li>
              <label>
                <input type="checkbox" name="cat[]" value="25" class="ovens" />
                Gas: Single</label>
            </li>
            <li>
              <label>
                <input type="checkbox" name="cat[]" value="16" class="ovens" />
                Electric: Single</label>
            </li>
          </ul>
        </div>
      </li>...

我已经创建了一个快速fiddle,可以显示它正常运行,因为我理解你想要它。我只将noaccordion代码应用于前几个项目。