两个slicknav同时使用

Question

是否可以在一个页面上有两个slicknav？ 我打算为移动设备创建类似这样的菜单。

当我点击＆＃34; MENU＆＃34;时，我会在外面看到一个光滑的菜单。它的子菜单将是（A propos，Multimedia和Partenaires），而菜单内部也将有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>