JSFiddle - React, Tailwind, and code Playground

by kodjoe mambi

HTML

<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<div class="all-content">
DESIGNER NAME
<a class="button" id="en">EN</a>
<a class="button" id="fr">FR</a>
<a class="button" id="de">DE</a>
</div>

<div class="lan en">
Top by Alcer. Pants by Leo & Lin. Headpiece by Atelier Eight. Earrings by Kenneth Jay Lane at Pierre Winters. Chair and Bull Skill by Orient House.
Top by Alcer. Pants by Leo & Lin. Headpiece by Atelier Eight. Earrings by Kenneth Jay Lane at Pierre Winters. Chair and Bull Skill by Orient House.
Top by Alcer. Pants by Leo & Lin. Headpiece by Atelier Eight. Earrings by Kenneth Jay Lane at Pierre Winters. Chair and Bull Skill by Orient House.
</div>

<div class="lan fr">
Dress by Kate Sylvester. Headdress by Orient house. Earrings by Kenneth Jay at Pierre Winters.
</div>

<div class="lan de">
Coat, Top and Pants by Modern Mistress. Earrings by Kenneth Jay Lane at Pierre Winters. Boots by Roc Australia.
</div>

CSS

.all-content{
display: inline;
float: left;
width: 200px;
margin: 0 15px 0 0;
 }


.button {
cursor: pointer;
padding: 0px 30px;
display: block;
margin: 2px 0px;
max-width: 200px;
background: red;
}

.button:hover {
  font-weight: bold;
}

JavaScript

$(document).ready(function() {
  $('.lan').hide();
  $('.en').show();
});

$('.button').click(function(event) {
  $('.lan').hide();
  var selectedLanguage = $(this).attr('id');
  var setActiveLanguage = "." + selectedLanguage;
  $(setActiveLanguage).show();
});