JSFiddle - React, Tailwind, and code Playground

HTML

<h2>Alice's Adventures in Wonderland</h2>
<p class="bold">by Lewis Carroll</p>
<p class="bold">Down the Rabbit-Hole</p>
 
<p class="jfy">xxxx</p>
<div class="hidden">
    <img src="more/rabbit.jpg" alt="rabbit" title="" />
    <p class="jfy">So she was considering, in her own mind (as well as she could, for the hot day made her feel very sleepy and stupid), whether the pleasure of making a daisy-chain would be worth the trouble of getting up and picking the daisies, when suddenly a White Rabbit with pink eyes ran close by her.</p>
    <p class="jfy">There was nothing so very remarkable in that; nor did Alice think it so very much out of the way to hear the Rabbit say to itself "Oh dear! Oh dear! I shall be too late!" (when she thought it over afterwards it occurred to her that she ought to have wondered at this, but at the time it all seemed quite natural); but, when the Rabbit actually took a watch out of its waistcoat-pocket, and looked at it, and then hurried on, Alice started to her feet, for it flashed across her mind that she had never before seen a rabbit with either a waistcoat-pocket, or a watch to take out of it, and burning with curiosity, she ran across the field after it, and was just in time to see it pop down a large rabbit-hole under the hedge.</p>
</div>
<i class="show"></i>
 
<hr />
 
<h2>Through the Looking Glass</h2>
 
<p class="bold">by Lewis Carroll</p>
 
<p class="bold">Looking Glass House</p>
 
<p class="jfy">One thing was certain, that the white kitten had had nothing to do with it: -- it was the black kitten's fault entirely. For the white kitten had been having its face washed by the old cat for the last quarter of an hour (and bearing it pretty well, considering); so you see that it couldn't have had any hand in the mischief.</p>
<div class="hidden">
    <img src="more/glass.jpg" alt="rabbit" title="" />
    <p class="jfy">The way Dinah washed her children's faces was this: first she held the poor thing down by its ear with one paw,...

CSS

.show {cursor:pointer; color:#c00; display:block; text-align:right;}
.hidden img {float:left; padding:10px 10px 10px 0;}
p.jfy {text-align:justify;}

JavaScript

/* ================================================================
This copyright notice must be untouched at all times.
Copyright (c) 2009 Stu Nicholls - stunicholls.com - all rights reserved.
=================================================================== */
$(document).ready(function(){
 
$(".hidden").hide();
$(".show").html("show ....");
 
$(".show").click(function() {
if (this.className.indexOf('clicked') != -1 ) {
        $(this).prev().slideUp(500);
        $(this).removeClass('clicked')
        $(this).html("show ....");
        }
        else {
        $(this).addClass('clicked')
        $(this).prev().slideDown(500);
        $(this).html("... hide");
        }
});
 
});