jquery - 同时使用两个 slicknav

Question

一页上可以有两个slicknav吗？我打算为移动设备创建类似这个菜单的东西。

当我单击“菜单”时，我将在外面有一个 slicknav 菜单，它的子菜单将是（提案、多媒体和合作伙伴），而在菜单内部也将有 3 个带有子菜单的主要链接。 示例代码

<div class="main-menu-wrapper">
   <div class="main-menu-inner>
     <ul>
       <li>Les Concours
         <ul>
            <li>test</li>
            <li>test</li>
            <li>test</li>
            <li>test</li>
         </ul>
       </li>
       <li>Programmation
         <ul>
            <li>test</li>
            <li>test</li>
            <li>test</li>
            <li>test</li>
         </ul>
       </li>
       <li>Espace Pro
         <ul>
            <li>test</li>
            <li>test</li>
            <li>test</li>
            <li>test</li>
         </ul>
       </li>
     </ul>
   </div>

   <ul>
      <li>A propos</li>
      <li>Multimedia</li>
      <li>Partenaires</li>
    </ul>
</div>