Показать сообщение отдельно
  #7 (permalink)  
Старый 13.03.2014, 12:56
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

Сообщение от 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>
Ответить с цитированием