JSFiddle - React, Tailwind, and code Playground

HTML

<button id="latestbattlesnext" class="span4 latest" data-id="C">Children</button>
<button id="latestbattlesnextreset" class="latest" data-id="V">Volunteers</button>
<button id="latestbattlesnext" class="latest" data-id="R">Resources</button>
<div class="upload_form" id="C">Whoah1</div>
<div class="upload_form" id="V">Whoah2</div>
<div class="upload_form" id="R">Whoah3</div>

JavaScript

$('.upload_form').hide();
$(".latest").click(function () {
        val = $(this).attr('data-id');
          	$('.upload_form').fadeOut(200, function(){
          	$('#'+val).fadeIn("slow");
          });
        prev_val = val;
});