JSFiddle - React, Tailwind, and code Playground

HTML

<p id="language">
  <a href="#" id="link1">English</a> | 
  <a href="#" id="link2">Magyar</a> | 
  <a href="#" id="link3">Slovensky</a> | 
  <a href="#" id="link4"> Español</a> | 
  <a href="#" id="link5">Française</a>
 </p>
  <div id="english">
            <p>text 1.</p>
  </div>
  <div id="magyar" style="display: none">
            <p>Text 2</p>
  </div>
  <div id="slovak" style="display: none">
            <p>Text 3</p>
  </div>
  <div id="espanol" style="display: none">
            <p>Text 4</p>
  </div>
  <div id="francaise" style="display: none">
            <p>Text 5</p>
  </div>

JavaScript

$("#link1").on('click', function() {
   $("#english").fadeIn();
   $("#magyar").fadeOut();
   $("#slovak").fadeOut();
   $("#espanol").fadeOut();
   $("#francaise").fadeOut();
});

$("#link2").on('click', function() {
   $("#english").fadeOut();
   $("#magyar").fadeIn();
   $("#slovak").fadeOut();
   $("#espanol").fadeOut();
   $("#francaise").fadeOut();
});

$("#link3").on('click', function() {
   $("#english").fadeOut();
   $("#magyar").fadeOut();
   $("#slovak").fadeIn();
   $("#espanol").fadeOut();
   $("#francaise").fadeOut();
});

$("#link4").on('click', function() {
   $("#english").fadeOut();
   $("#magyar").fadeOut();
   $("#slovak").fadeOut();
   $("#espanol").fadeIn();
   $("#francaise").fadeOut();
});

$("#link5").on('click', function() {
   $("#english").fadeOut();
   $("#magyar").fadeOut();
   $("#slovak").fadeOut();
   $("#espanol").fadeOut();
   $("#francaise").fadeIn();
});