Question

我怎样才能进行手风琴菜单，只有几个选项可扩展？我想要一个菜单

主页，支持，销售，其他

Home没有任何内容，只是一个链接。所以当你点击home时，不会发生任何扩展，它只是做我告诉链接要做的事情。

支持/销售/其他有几个选项。选项本身就是链接。

$(function() {
  $( ".leftMenu" ).accordion({
     heightStyle: "content",
     active: false,
     collapsible: true,
  });
 });

 <h3><li id='home'>Home</li></h3>
 <h3>Support</h3>
   <div>
      <ul>
        <li>New Tickets</li>
        <li>Existing Tickets</li>
        <li>Contact</li>
      </ul>
   </div>
 <h3>Other</h3>
   <div>
    <li>stuff</li>
    <li>stuff</li>
   </div>
</div>

如果我不在每个H3下添加一个div，它会让所有人感到困惑。

fiddle

Answer 1

似乎手风琴需要h元素之后的div

例如，使用此html，它将按预期工作

<div class='leftMenu'>
    <h3 id ="home">Home</h3>
    <div></div>
     <h3>Support</h3>
      <div>
        <ul>
            <li>New Tickets</li>
            <li>Existing Tickets</li>
            <li>Contact</li>
        </ul>
    </div>
     <h3>Other</h3>

    <div>
        <li>stuff</li>
        <li>stuff</li>
    </div>
</div>

Fiddle

说明：将一对标题和内容面板转换为手风琴。 Accordion Docs

jquery手风琴只有少数可扩展

1 个答案: