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