|
Сообщение от Xuor
|
|
Все работает!
|
тогда можно проще, при условии что class спойлера будет 1.
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
.pabout a{
cursor: pointer;
}
.spoiler{
display: none;
}
</style>
</head>
<body>
<table>
<tr>
<td height="40" width="120" class="thead">Наименование</td>
<td height="40" width="120" class="thead">Файл</td>
<td class="thead">Дата обновления</td>
<td class="thead">Min шт. одной позиции / Заказ от, шт.</td>
</tr>
<!---Строка 1--->
<tr>
<td height="40" width="120" class="pname">Прочее</td>
<td height="40" width="120" class="pfile"><a href="price.rar">price.rar</a></td>
<td class="pupdate"></td>
<td class="pabout">
<div height="30px">от 1 000р.</div>
<div height="10px" align="right">
<a onclick="var elm = document.getElementById('spoiler').style;elm.display != 'table-cell' ? elm.display ='table-cell':elm.display ='none';">Подробнее >>></a>
</div>
</td>
</tr>
<!---/Строка 1--->
<!----Спойлер--->
<tr>
<td colspan="4" class="spoiler">
<h1>11111</h1>
</td>
</tr>
<!----/Спойлер--->
<!---Строка 1--->
<tr>
<td height="40" width="120" class="pname">Прочее</td>
<td height="40" width="120" class="pfile"><a href="price.rar">price.rar</a></td>
<td class="pupdate"></td>
<td class="pabout">
<div height="30px">от 1 000р.</div>
<div height="10px" align="right">
<a onclick="var elm = document.getElementById('spoiler').style;elm.display != 'table-cell' ? elm.display ='table-cell':elm.display ='none';">Подробнее >>></a>
</div>
</td>
</tr>
<!---/Строка 1--->
<!----Спойлер--->
<tr>
<td colspan="4" class="spoiler">
<h1>22222</h1>
</td>
</tr>
<!----/Спойлер--->
</table>
<script>
(function () {
var items = document.querySelectorAll('tr');
for (var i = 0; i < items.length; i++) {
var a = items[i].querySelector('.pabout a'),
td = items[i + 1].querySelector('.spoiler');
if (a && td) a.onclick = (function (td) {
return function () {
var cls = td.className
td.className = cls == 'spoiler' ? '' : 'spoiler';
}
})(td);
}
})();
</script>
</body>
</html>