jquery - 2つのslicknavを同時に使用

Question

1 ページに 2 つの slicknav を表示することはできますか? モバイル用にこのメニューのようなものを作成する予定です。

「MENU」をクリックすると、外側に slicknav メニューが表示されます。そのサブメニューは (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>