JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" onclick="return prepni('anglictina');"><img alt="english" src="http://webinfo.sweb.cz/rbrgt/images/Vlajka%20ENG.jpg"></a>
<a href="#" onclick="return prepni('cestina');"><img alt="czech" src="http://stara-cistirna.cz/pronajmy/design/vlajka-cz.jpg"></a>
 
<div id="anglictina">
    <p>dlouhy text v angličtině
    </p>
</div>

<div id="cestina" style="display:none;">
    <p> Dlouhý text v češtině
    </p>
</div>

<div id="anglictina">
    <p>dlouhý text v angličtině
    </p>
</div>

<div id="cestina" style="display:none;">
    <p>dlouhý text v češtině
    </p>
</div>

JavaScript

var taby = new Array('anglictina', 'cestina');
 
function prepni(id) {
  for (var i=0; i<taby.length; i++) {
    document.getElementById(taby[i]).style.display = (taby[i] == id ? 'block' : 'none');
  }
  return false;
}