<script type="text/javascript">
function show(menu) {
  m = document.getElementById(menu);
  if (m.style.display =='none')
    m.style.display = 'block'
  else
    m.style.display = 'none;
}
</script>
<style type="text/css">
  .submenu { display: none; }
</style>

<ul class="menu">
  <li><span onclick="show('submenu_a');">選單 A</span>
    <ul id="submenu_a" class="submenu">
       <li>選單 A-1</li>
       <li>選單 A-2</li>
    </ul>
  </li>
  <li><span onclick="show('submenu_b');">選單 B</span>
    <ul id="submenu_b" class="submenu">
       <li>選單 B-1</li>
       <li>選單 B-2</li>
    </ul>
  </li>
</ul>