JSFiddle - React, Tailwind, and code Playground

by Nick Hulea

HTML

<div id="foo">

    a bunch of content

</div>


<div id="thumbnails">
    <div class="thumb-content1">Content 1</div>
    <div class="thumb-content2">Content 2</div>
    <div class="thumb-content3">Content 3</div>
</div>


<div id="content-1">
    some text and pictures, including large-pic1
</div>

<div id="content-2">
    some text and pictures, including large-pic2
</div>

<div id="content-3">
    some text and pictures, including large-pic3
</div>

JavaScript

$("[id^=content]").hide();
$("#thumbnails > div").click(function() {
    var id = $(this).attr('class').replace('thumb-content','');
    $("#foo").html($("#content-"+id).html());
});