Как я могу открыть меню при наведении, используя атрибуты данных?

Question

Я хочу создать раскрывающееся мега-меню, которое будет отображаться при щелчке по родительской ссылке с использованием атрибутов данных, чтобы быть динамическими

<nav>
   <ul>
     <li data-id="1">link 1</li>
     <li>link 2</li>
     <li>link 3</li>
     <li>link 4</li>
  </ul>
</nav>

<div id="1">
   <ul>
     <li>link 1</li>
     <li>link 2</li>
     <li>link 3</li>
     <li>link 4</li>
  </ul>
</div>