JSFiddle - React, Tailwind, and code Playground

by tobitobetoby

HTML

<h2>What Is Black Ballad?</h2>
<p class="reveal1"> This is a test. </p>
<div id="more1" align="center" title="View More">
<p>
Test
</p>
  <!-- <img src="http://www.blackballad.co.uk/wp-content/uploads/2016/10/drop.png" width="20px" height="20px"> -->
</div>

CSS

.reveal1 {
  display: none;
}
#more1 {
  cursor: pointer;
}

JavaScript

$("#more1").click(function () {
     $("p").stop().slideToggle();
     return false;
 });

 $("#more1").hover(function () {
     $(this).stop().css({
         "cursor": "pointer"
     })
 });