JSFiddle - React, Tailwind, and code Playground

by c2webdev

HTML

<div class="sitesection">
    <p class="expand-one"><a href="#">Click Here To Display The Content</a> <img src="images/arrow.png" width="5" height="7" /></p>
    <p class="content-one">This is the content that was hidden before, but now is... Well, visible!"</p>
</div>

CSS

.expand-one a{color:#fff; background:#002f70; padding:0.3em; text-decoration:none;}

p.content-one {    display:none;    color:#000; padding}

JavaScript

$('.expand-one').click(function(){
    $('.content-one').slideToggle('slow');
});