コンテキストメニューの特定の位置に下位レベルのサブメニューを追加するにはどうすればよいですか？

Question

メニューURL例： https://tympanus.net/codrops/2010/07/16/slide-down-box-menu/

スナップショット：

 

Answer 1

あなたは一例としてこれを試すことができます：jsfiddle.net/bharatsing/fqx4cm2c/

あなたがアンカー要素を追加することによって、より低いレベルのサブメニューを追加することができますdivのクラス "sdt_box"

<ul id="sdt_menu" class="sdt_menu"> 
    <li> 
     <a href="#"> 
      <img src="images/1.jpg" alt=""/> 
      <span class="sdt_active"></span> 
      <span class="sdt_wrap"> 
       <span class="sdt_link">Portfolio</span> 
       <span class="sdt_descr">My work</span> 
      </span> 
     </a> 
     <div class="sdt_box"> 
      <a href="#">Websites</a> 
      <a href="#">Illustrations</a> 
      <a href="#">Photography</a> 
     </div> 
    </li> 
    ... 
</ul>