JSFiddle - React, Tailwind, and code Playground

HTML

<table id="id_of_table">
  <thead>
    <tr>
      <th>N°</th>
      <th>E</th>
      <th>F</th>
      <th>D</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>2</td>
      <td>two</td>
      <td>deux</td>
      <td>zwei</td>
    </tr>
    <tr>
      <td>3</td>
      <td>three</td>
      <td>trois</td>
      <td>drei</td>
    </tr>
    <tr>
      <td>4</td>
      <td>four</td>
      <td>quattre</td>
      <td>vier</td>
    </tr>
    <tr>
      <td>5</td>
      <td>five</td>
      <td>cinq</td>
      <td>f&uuml;nf</td>
    </tr>
  </tbody>
</table>
<input type="button" id="test" value="TEST">

CSS

td, th {
  width: 100px;
  height: 20px;
}

JavaScript

function toggleColumn( n = 0 ){
  let rows = document.querySelectorAll( 'tr', '#id_of_table' );
 
  for ( let i = 0; i < rows.length; i++ ){
    let cols = rows[i].children;
 
    if ( n >= 0 && n < cols.length) {
      $( cols[ n ] ).fadeToggle( 3000 );
    }
  }
}
$("#test").on( "click", toggleColumn(1));