Нужен скрипт для появления подменю по клику
 

Предупрежу сразу:
Во-первых, я пока еще ничего не понимаю в javascript;
Во-вторых, возможно мой вопрос является повтором.

Суть вопроса:
У меня есть следующий html код для меню:
1<div id="menu">
2 <ul>
3 <li onclick="openMenu(1)"><b>menu1</b>
4 <ul>
5 <li>menu1_1</li>
6 <li>menu1_2</li>
7 <li>menu1_3</li>
8 <li>menu1_4</li>
9 </ul>
10 </li>
11 <li onclick="openMenu(2)"><b>menu2</b>
12 <ul>
13 <li>menu2_1</li>
14 <li>menu2_2</li>
15 <li>menu2_3</li>
16 <li>menu2_4</li>
17 </ul>
18 </li>
19 <li onclick="openMenu(3)"><b>menu3</b>
20 <ul>
21 <li>menu3_1</li>
22 <li>menu3_2</li>
23 <li>menu3_3</li>
24 <li>menu3_4</li>
25 </ul>
26 </li>
27 </ul>
28</div>

где в файле css имеем следующую строку:
#menu li ul {display: none;}

Задача:
написать скрипт "openMenu", с помощью которого, при нажатии на заголовок "menu1", "menu2" или "menu3", появлялось бы подменю.

Заранее спасибо.

Может, как-то так:

<div id="menu">
<ul>
<li onclick="openMenu(1)"><b>menu1</b>
<ul id="menu1" style="display:none">
<li>menu1_1</li>
<li>menu1_2</li>
<li>menu1_3</li>
<li>menu1_4</li>
</ul>
</li>
<li onclick="openMenu(2)"><b>menu2</b>
<ul id="menu2" style="display:none">
<li>menu2_1</li>
<li>menu2_2</li>
<li>menu2_3</li>
<li>menu2_4</li>
</ul>
</li>
<li onclick="openMenu(3)"><b>menu3</b>
<ul id="menu3" style="display:none">
<li>menu3_1</li>
<li>menu3_2</li>
<li>menu3_3</li>
<li>menu3_4</li>
</ul>
</li>
</ul>
</div>

<script>
function openMenu(a)
{
if(document.getElementById('menu'+a).style.display == 'none')
{
document.getElementById('menu'+a).style.display == '';
}
else
{
document.getElementById('menu'+a).style.display == 'none';
}
}
</script>