2017-02-01 9 views
-1

第3レベルのナビゲーション項目を水平(スライド)から垂直に開くように変更するにはどうすればよいでしょうか?jQuery.mmenu第3レベルの項目の垂直方向のドロップダウン

モバイルメニューHTML構造:アクションで

<div id="mobile-menu"> 
    <ul> 
     <li><span>Telefoni &amp; naprave</span> 
      <ul> 
       <li><span>Telefoni</span> 
        <ul> 
         <li><a href="#">NOVO:iPhone 7</a></li> 
         <li><a href="#">Android telefoni</a></li> 
         <li><a href="#">Windows telefoni</a></li> 
         <li><a href="#">LTE telefoni</a></li> 
         <li><a href="#">iPhone</a></li> 
         <li><a href="#">Sony Xperia X</a></li> 
         <li><a href="#">Samsung Galaxy S7</a></li> 
         <li><a href="#">ORTO DIL</a></li> 
        </ul> 
       </li> 
       <li><span>Naprave za internet</span> 
        <ul> 
         <li><a href="#">Wi-Fi naprave</a></li> 
         <li><a href="#">Naprave za domači internet</a></li> 
        </ul> 
       </li> 
       <li><span>Tablični računalniki</span> 
        <ul> 
         <li><a href="#">LTE tablični računalniki</a></li> 
         <li><a href="#">iPad Air 16GB</a></li> 
         <li><a href="#">Alcatel One Touch POP 10</a></li> 
        </ul> 
       </li> 
       <li><span>Dodatki za telefone</span> 
        <ul> 
         <li><a href="#">Bluetooth slušalke</a></li> 
         <li><a href="#">Ovitki, etuiji, zaščita</a></li> 
         <li><a href="#">Avto oprema</a></li> 
         <li><a href="#">Baterije in polnilci</a></li> 
         <li><a href="#">Spominske kartice</a></li> 
         <li><a href="#">Zvočniki in ostali dodatki</a></li> 
        </ul> 
       </li> 
       <li> 
        <a href="#">Omrežje</a> 
       </li> 
      </ul> 
     </li> 
     <li><span>Paketi &amp; storitve</span> 
      <ul> 
       <li><a href="#">History</a></li> 
       <li><a href="#">The team</a></li> 
       <li><a href="#">Our address</a></li> 
      </ul> 
     </li> 
     <li><span>Internet &amp; omrežje</span> 
      <ul> 
       <li><span>Mobilni internet za računalnik in tablico</span> 
        <ul> 
         <li><a href="#">Napravo že imam</a></li> 
         <li><a href="#">Kupiti želim novo napravo</a></li> 
         <li><a href="#">Paket 2. SIM</a></li> 
        </ul> 
       </li> 
       <li><span>Mobilni internet za telefon</span> 
        <ul> 
         <li><a href="#">Z naročnino</a></li> 
         <li><a href="#">Brez naročnino</a></li> 
        </ul> 
       </li> 
       <li><span>Domači internet</span></li> 
       <li><span>Vikend internet</span></li> 
       <li><span>Neskončni internet</span></li> 
       <li><span>Predplačniški SIMPLnet</span></li> 
       <li><span>Akcije in uporabne informacije</span></li> 
       <li><span>Omrežje</span></li> 
      </ul> 
     </li> 
     <li><span>Pomoč &amp; informacije</span></li> 
     <li><span>Moj A1 (Neprijavljen)</span></li> 
    </ul> 
</div> 

現在のモバイルメニューの動作:

mmenu animation

答えて

0

最善の解決策は、単にあなたが欲しいulいる親にクラスVerticalを追加することですスライドメニューの代わりにドロップダウンを表示します。

右側からスライドする代わりに 以下に展開する必要があるサブメニュー(ネストされたUL)のクラス名。参考のために

を参照してくださいhttp://mmenu.frebsite.nl/documentation/options/configuration.html

関連する問題