В IE работает, но вот в Firefox глюки... Есть ли шансы? Возможны ли другие варианты?
Код:<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title>Страница</title> <style> .product { display: none } .product.opened { display: block } html>body .product.opened { display: table-row } </style> <script type="text/javascript"> function collapseCategory(e) { * var target = e.srcElement || e.target; * if (target.nodeName == 'B') { * * *var tr = target.parentNode.parentNode; * * *while (tr && (tr = tr.nextSibling)) { * * * * if (tr.nodeName == 'TR') { * * * * * *if (tr.getElementsByTagName('TD')[0].firstChild.nodeName == 'B') { * * * * * * * tr = null; * * * * * *} else { * * * * * * * if (tr.className.indexOf('opened') >= 0) { * * * * * * * * *tr.className = 'product'; * * * * * * * } else { * * * * * * * * *tr.className += 'opened'; * * * * * * * } * * * * * *} * * * * } * * *} * } } </script> </head> <body> <table border="1" width="100%" onclick="collapseCategory(event)"> ****<tr align="center"> *<td>Текст</td> *<td colspan="3">Текст</td> ****</tr> ****<tr align="center"> *<td align="left">- Наименование</td> *<td>Текст</td> *<td colspan="2">Текст</td> ****</tr> ****<tr align="center" class="product"> *<td>00,00</td> *<td>00,00</td> *<td>00,00</td> *<td>00,00</td> ****</tr> ****<tr align="center"> *<td align="left">- Наименование</td> *<td>Текст</td> *<td colspan="2">Текст</td> ****</tr> ****<tr align="center" class="product"> *<td>00,00</td> *<td>00,00</td> *<td>00,00</td> *<td>00,00</td> ****</tr> </table> </body> </html>
Пардон.
