JSFiddle - React, Tailwind, and code Playground

HTML

<div id="pic">
        <div id="one" class="slide"></div>
        <div id="two" class="slide"></div>
        <div id="three" class="slide"></div>
      </div>

CSS

#pic {
    width:460px;
    height:300px;
    margin:0 20px 0 20px;
    overflow:hidden;
}
.slide {
    width:460px;
    height:300px;
}
#one {
   ...

JavaScript

$('#two, #three').hide();
$('.slide').click(function(){
    $(this).fadeOut().next().fadeIn();
});