JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="langtest" class="tp_lang2">
  <li><a href="http://myurl.com/14-languages" data-flag="us" data-lang="English">English</a></li>
  <li><a href="http://myurl.com/zh/14-languages" data-flag="cn" data-lang="Chinese (Simplified)">中文(简体)</a></li>
  <li><a href="http://myurl.com/nl/14-languages" data-flag="nl" data-lang="Dutch">Nederlands</a></li>
  <li><a href="http://myurl.com/fr/14-languages" data-flag="fr" data-lang="French">Français</a></li>
</ul>

<div id="fourteen" class="cn">
  <div id="content">
    <div class="main-content">Content being served up here.
    </div>
  </div>
</div>

JavaScript

jQuery("ul#langtest li a").click(function(e) {
  e.preventDefault();
  //jQuery('#fourteen').load($(this).attr("href") + " #content");
  jQuery('#fourteen').removeClass();
  jQuery('#fourteen').addClass($(this).attr("data-flag"));
  return false;
});