JSFiddle - React, Tailwind, and code Playground

HTML

<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tbody>
  <tr>
    <td valign="top" style=" width: 17%; "> 
      <div id="show_1">one</div>
      <div id="show_2">two</div>
      <div id="show_3">three</div>
      <div id="show_4">four</div>
      <div id="show_5">five</div>
    </td>   
    <td valign="top" style=" width: 17%; "> 
      <div id="show_1">111</div>
      <div id="show_2">222</div>
      <div id="show_3">333</div>
      <div id="show_4">444</div>
      <div id="show_5">555</div>
    </td> 
  </tr>       
<tbody>      
</table>     
<div id="test_link" onclick="myFunction()" style="display: block;">CLICK HERE</div>


<script>
    var show = 0;
    function myFunction() {
        document.getElementById('show_' + (show += 1)).style.display = "block";    
        if(show == "5")
        {
            document.getElementById("test_link").style.display = "none";
        }
    }
</script>

CSS

div{
    display: none;
}