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

JAMLIGHT,
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
    .content tr {
      display: none;
    }

  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  <script>

$(function() {
$('.toggle  td').click(function(){
var i = $('.toggle  td').index(this);
$('.content tr').eq(i).toggle();
})});
  </script>
</head>

<body>
<table border="1" >

        <thead>

            <tr>

                <th colspan="6">

                <table><thead><tr class="toggle">

                <td>Надо развернуть1</td>

                <td>Надо развернуть2</td>

                <td>Надо развернуть3</td>

                <td>Надо развернуть4</td>

                <td>Надо развернуть5</td>

                <td>Надо развернуть6</td>

                </tr></thead></table>

                </th>

           </tr>

        </thead>

        <tbody class="content">

            <tr>

                <th>Ск</th>

                <th>ры</th>

                <th>та</th>

                <th>я ст</th>

                <th>рок</th>

                <th>а 1</th>

           </tr>

           <tr>

                <th>Ск</th>

                <th>ры</th>

                <th>та</th>

                <th>я ст</th>

                <th>рок</th>

                <th>а 2</th>

            </tr>

            <tr>

                <th>Ск</th>

                <th>ры</th>

                <th>та</th>

                <th>я ст</th>

                <th>рок</th>

                <th>а 3</th>

            </tr>

            <tr>

                <th>Ск</th>

                <th>ры</th>

                <th>та</th>

                <th>я ст</th>

                <th>рок</th>

                <th>а 4</th>

            </tr>

            <tr>

                <th>Ск</th>

                <th>ры</th>

                <th>та</th>

                <th>я ст</th>

                <th>рок</th>

                <th>а 5</th>

            </tr>

            <tr>

                <th>Ск</th>

                <th>ры</th>

                <th>та</th>

                <th>я ст</th>

                <th>рок</th>

                <th>а 6</th>

            </tr>
       </tbody>

    </table>


</body>
</html>
Ответить с цитированием