JSFiddle - React, Tailwind, and code Playground

HTML

<table id="foo">
<tr><td>1</td><td>2</td><td>3</td><td>4</td></tr>
<tr><td>1</td><td>2</td><td>3</td><td>4</td></tr>
<tr><td>1</td><td>2</td><td>3</td><td>4</td></tr>
<tr><td>1</td><td>2</td><td>3</td><td>4</td></tr>
<tr><td>1</td><td>2</td><td>3</td><td>4</td></tr>
</table>
<input id="number" value="2">
<button>Toggle</button>

CSS

#foo td {
    padding: 1em;
    border: 1px solid black;
}

JavaScript

function fire() {
    var v = $('#number').val() || 0;
    $('#foo tr > *:nth-child('+v+')').toggle();
}
$('button').click(fire);