JSFiddle - React, Tailwind, and code Playground
HTML
<div class='showHide'>
<span class='expand'><span id="changeArrow">↑</span>Line expand and collapse</span>
<fieldset id="fdstLorem">
Lorem ipsum...
</fieldset>
</div>
JavaScript
$(document).ready(function() {
$('.showHide>span').click(function () {
$(this).next().slideToggle("slow");
return false;
});
$(".showHide>span").toggle(function() {
$(this).children("#changeArrow").text("↓");
}, function() {
$(this).children("#changeArrow").text("↑");
});
});