Navigation 可点击父链接基础手风琴菜单

我正在使用 但根文件夹仅打开/关闭。 我在寻找一个想法，在根上的文本是一个链接和箭头打开/关闭文件夹时点击

我还需要父元素中的链接
看这里

$（document.foundation（）；
$（'.has子菜单'）。每个（函数（）{
var randomID=“id-”+Math.floor（（Math.random（）*100）+1）；
$（'.has子菜单'）.find（'.submenu'）.attr（'id'，randomID）；
$（'.has子菜单'）.find（'.toggle'）.attr（'data-toggle'，randomID）；
});
。子菜单{
显示：无；
}
李先生{
背景：#eeeeee；
边框底部：1px实心#fff；
}
.子菜单li{
背景：#ccc；
}
.子菜单.已展开{
显示：块；
}
李{
位置：相对位置；
}
.切换{
位置：绝对位置；
右：0；
排名：0；
填充：10px 15px；
背景:#中交;；
颜色：#000；
}



+










<基础文档（）：代码> < p>
子菜单切换
手风琴菜单可以有一个单独的子菜单切换。这允许父项有自己的链接，但仍允许打开/关闭子菜单。您需要添加类
手风琴菜单
以及数据属性
数据子菜单toggle=“true”
，才能正常工作

 <ul class="vertical menu accordion-menu" data-accordion-menu data-submenu-toggle="true">
  <li>
    <a href="https://get.foundation/" target="_blank">Link here, dropdown there →</a>
    <ul class="menu vertical nested">
      <li>
        <a href="#">Item 1A</a>
        <ul class="menu vertical nested">
          <li><a href="#">Item 1Ai</a></li>
          <li><a href="#">Item 1Aii</a></li>
          <li><a href="#">Item 1Aiii</a></li>
        </ul>
      </li>
      <li><a href="#">Item 1B</a></li>
      <li><a href="#">Item 1C</a></li>
    </ul>
  </li>
  <li>
    <a href="#">Item 2</a>
    <ul class="menu vertical nested">
      <li><a href="#">Item 2A</a></li>
      <li><a href="#">Item 2B</a></li>
    </ul>
  </li>
  <li><a href="#">Item 3</a></li>
</ul>























正是我想要的！这仍然在基础V63.3和下拉菜单中工作，即使<代码>数据子菜单切换< /C> >在其相应的DOCS页面上未被提及。