JSFiddle - React, Tailwind, and code Playground

by Cwalkdawg

HTML

<div class="aai">
	<div class="head">headline</div>
	<div class="content">some text</div>
	<div class="slide">^ click to close</div>
</div>

CSS

.head {
    text-align: center;
    border: 1px solid red;
    height: 25px;
}
.content {
    padding: 10px;
    border: 1px solid green;
}

.slide {
    height: 25px;
    border: 1px solid red;
    text-align: center;
    cursor: pointer;
}

JavaScript

$(document).ready(function() {
	$('.slide').click(function() {
	   $('.content').slideDown("normal");
	});
});