CSS spoiler

javascript less proof of concept

HTML

<a href="#spoiler-open-1" id="spoiler-open-1" class="trigger open">Open</a>
<a href="#spoiler-close-1" id="spoiler-close-1" class="trigger close">Close</a>
<table>
    <tr>
        <td>1</td>
         <td>2</td>
         <td>3</td>
         <td>4</td>
         <td>5</td>
    </tr>
    
    <tr class="spoiler">
         <td>1.1</td>
         <td>1.2</td>
         <td>1.3</td>
    </tr>
   
      <tr>
          <td>1</td>
        <td>2</td>
         <td>3</td>
         <td>4</td>
         <td>5</td>
    </tr>
</table>

CSS

.spoiler {
    visibility:hidden;
}

.trigger.close {
    display: none;
}

.trigger.open:target {
    display: none;
}

.trigger.open:target + .trigger.close {
    display: inline;
}

.trigger.open:target + .spoiler {    
  visibility: visible;
}