JSFiddle - React, Tailwind, and code Playground

by Alarr

HTML

<div class="parent_block">
	<div class="button"></div>
	<div class="toggled_block"></div>
</div>

CSS

.parent_block {
	width: 200px;
	height: 100px;
}

.button {
	width: 200px;
	height: 50px;
	background: #00BB65;
	border-radius: 5px;
	overflow: hidden;
}

.toggled_block {
	width: 200px;
	height: 50px;
	background: #fff;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #ccc;
	display: none;
}

JavaScript

$(".button").click(function () {
	$('.toggled_block').toggle();
});