Пример функции:
function doMenu(AObjIndex) {
var subObj = document.all['chapter' + AObjIndex];
if ( subObj.style.display == 'none' ) {
subObj.style.display = 'block';
}
else {
subObj.style.display = 'none';
} // if..else
} // doMenu
Участок кода, где происходит вызов функции:
<form action='?id=43' method='post'>
<ul>
<li><a href="javascript
:doMenu(1)">ПАРИКМАХЕРС КИЕ УСЛУГИ</a>
<ul id='chapter1' style='display:none'>
<li style='padding-left:20px'><a href="javascript
:doMenu('1_1')">УХОД ЗА ВОЛОСАМИ KERASTASE</a>
<table id='chapter1_1' style='display:none'><tbody>
<tr><td width='400px' style='padding-left:40px;'>Базовый Ритуал №1 для ухода за длинными волосами</td>
<td width='50px' align='right'>1200</td>
<td width='50px' align='center'><input type='checkbox' name='l[]' value='1' /></td></tr>
<tr><td width='400px' style='padding-left:40px;'>Базовый Ритуал №1 для ухода за волосами средней длины</td>
<td width='50px' align='right'>900</td>
<td width='50px' align='center'><input type='checkbox' name='l[]' value='2' /></td></tr>
</tbody></table>
</li>
<li style='padding-left:20px'><a href="javascript
:doMenu('1_2')">СТРИЖКИ И УКЛАДКИ</a>
<table id='chapter1_2' style='display:none'><tbody>
<tr><td width='400px' style='padding-left:40px;'>Стрижка бороды</td>
<td width='50px' align='right'>500</td>
<td width='50px' align='center'><input type='checkbox' name='l[]' value='14' /></td></tr>
<tr><td width='400px' style='padding-left:40px;'>Стрижка усов</td>
<td width='50px' align='right'>200</td>
<td width='50px' align='center'><input type='checkbox' name='l[]' value='15' /></td></tr>
</tbody></table>
</li>
</ul>
</li>
</ul>
</form>