JSFiddle - React, Tailwind, and code Playground

HTML

<button class="bimg1">1</button>
<button class="bimg2">2</button>
<button class="bimg3">3</button>
<br>
<br>
<br>
<img class="img1" src="http://javascript.ru/forum/image.php?u=31505&dateline=1451407679">
<img class="img2" src="http://javascript.ru/img/ws_1.png">
<img class="img3" src="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif">

CSS

.img2,
.img3 {
  display:none;
}

JavaScript

$('.bimg1').click(function(){
    $('.img1').show();
    $('.img2').hide();
    $('.img3').hide();
});
$('.bimg2').click(function(){
    $('.img1').hide();
    $('.img2').show();
    $('.img3').hide();
});
$('.bimg3').click(function(){
    $('.img1').hide();
    $('.img2').hide();
    $('.img3').show();
});