Раскрывающийся список не работает в FireFox
 

Раскрывающийся список (http://laclinic.saitos.us/index.php?id=44) не работает в FireFox, но работает во всех других браузерах... При чем отдельно этот код работает, но в контексте сайта, почему то нет... Где ошибка?

А где тестовый пример?

P.S.
Поссылке не пойду, да еще если там id=44... :D

работа сценария останавливается на этой строке:
var subObj = document.all['chapter' + AObjIndex];
Вроде бы все правильно, но в FireFox не работает...

можно и без id=44, с главной страницы выбрать раздел "Прайс";)

Мне таки больше нравится вариант с тестовым примером... :D

Пример функции:

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>

В примере все работает, а на сайте нефига не работает...:cray:

А откуда такая странная боязнь перехода по ссылкам?

Andy-LC, смысл по ним ходить?

Начинай искать отличия... ;)

<script>
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
<script>

<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>

Что должно происходить-то? :)