Как добавить подменю нижнего уровня в определенной позиции в контекстном меню? Пример

Question

Меню URL: https://tympanus.net/codrops/2010/07/16/slide-down-box-menu/

Snapshot:

 

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>