Javascript 如何从ImageMap创建子菜单

我有一个导航栏，我创建的，它是一个图像与多个图像地图。。。是否可以从图像/导航栏中的图像映射创建子菜单？

代替图像映射，您应该为子菜单使用隐藏无序列表，并在适当时使用javascript显示它

比如：

<a href="#" id="menuitem1">Menu Item</a>
<ul class="submenu" style="display: none;">
  <li><a href="/path">Item 1</a></li>
  <li><a href="/path">Item 2</a></li>
  <li><a href="/path">Item 3</a></li>
</ul>

---

试着看看jQuery，您可能能够将一个单击事件附加到一个区域id，该id使用子菜单项激活一个隐藏的div。www.jquery.com

如果是带子菜单的导航栏，不要使用图像地图。那么你建议我使用什么？你能给我更多的指导吗？你有想要它看起来像什么的图像吗？这对我有很大帮助。我让它工作了，但上面的方法都没有。。。。不知道它是如何工作的。谢谢大家的帮助。

$("#menuitem1").click(function() {
  $(this).next().show();
});