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">
<img class="src= alignnone wp-image-13959 size-medium ll lazyloaded" alt="" width="32" height="32" srcset="http://www.rental.booclin.ovh/wp-content/uploads/2019/11/bed-300x300.png 300w, http://www.rental.booclin.ovh/wp-content/uploads/2019/11/bed-150x150.png 150w, http://www.rental.booclin.ovh/wp-content/uploads/2019/11/bed.png 512w">
</div>

<div class="lan one">
5 bedrooms.
</div>

CSS

html, body {
height: 100%;
margin: 0;
}

.all-content{
float: left;
height: auto;
width: 32px;
margin: 0 15px 0 0;
 }

JavaScript

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

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