JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="nav">
    <li id="first">first</li>
    <li id="second">second</li>
    <li id="last">last</li>
</ul>
<ul id="contents">
    <li id="content1"></li>
    <li id="content2"></li>
    <li id="content3"></li>
</ul>

JavaScript

$(document).ready(function(){
    $.ajaxSetup({
        cache: true
    });
    
    $('#nav>li').click(function(){
       var url = 7;
       index = $(this).index();
        url += index;
       $('#content' + (index + 1)).load('http://fiddle.jshell.net/dirtyd77/jUEEd/' + url + '/show/');
    });   
});