JSFiddle - React, Tailwind, and code Playground

HTML

<div class="slide"><input type="radio" name="bwc" value="Black and White"> Black and White 
<input type="radio" name="bwc" value="Color"> Color
<br></div>
<div class="slide"> two </div>
            <div class="slide"> three </div>
            <div class="slide"> ¿four?</div>

<a href="#" class="arrow"> &rarr; </a>

JavaScript

$(document).ready(function(){
    $('.slide:not(:first)').hide();
    $('.arrow').click(function(){
        $('.slide').first().fadeOut(function(){
            $(this).next().fadeIn();
            $(this).appendTo('.inner');
        });
        return false;
    });
});