List link with javascript ? - Help me!

JavaScript
1

I want create a list link like:
when the mouse over then it can create a list

Fist

after the mouse over menu1 , resulf is:

Can everyone help me , Thanks all !!!

2

Hi,
See and test this example:


<ul>
 <li onmouseover="showList('m1', 'block');" onmouseout="showList('m1', 'none');">Menu1
  <ul id="m1" style="display:none">
   <li>Link1</li>
   <li>Link2</li>
  </ul></li>
 <li onmouseover="showList('m2', 'block');" onmouseout="showList('m2', 'none');">Menu2
  <ul id="m2" style="display:none">
   <li>Link1</li>
   <li>Link2</li>
  </ul></li>
</ul>
<script type="text/javascript">
function showList(idl, stl) {
  document.getElementById(idl).style.display = stl;
}
</script>
3

Oki, thanks you very much !!!

4

<a href=“javascript:showList(‘m1’, ‘block’);”>Menu1</a>|| <a href=“javascript:showList(‘m2’, ‘block’);”>Menu2</a>

<script type=“text/javascript”>
function showList(idl, stl) {
document.getElementById(idl).style.display = stl;
}
</script>

<ul id=“m1” style=“display:none”>
<li>Link1</li>
<li>Link2</li>
</ul>

<ul id=“m2” style=“display:none”>
<li>Link3</li>
<li>Link4</li>
</ul>

When I click “menu1” then it will show “link1, link 2”
When I click “menu2” then it will show “link3, link 4”
I want to when you click ‘menu1’ will show “link 1, link2” and you click ‘menu2’ will show ‘link 3,link4’ and hiden ‘link1, link2’

Help me!