JSFiddle - React, Tailwind, and code Playground

by zlojnaxa

HTML

<div class="fade">Клик сюда
	<div class="otvet">otvet otvet otvet otvet otvet </div>
</div>
<div class="fade">Клик сюда
	<div class="otvet">otvet otvet otvet otvet otvet </div>
</div>
<div class="fade">Клик сюда
	<div class="otvet">otvet otvet otvet otvet otvet </div>
</div>
<div class="fade">Клик сюда
	<div class="otvet">otvet otvet otvet otvet otvet </div>
</div>

CSS

.fade{
	width: 100px;
	height: 30px;
	background: #ffd9d9;
	text-align: center;
	padding-top: 10px;
	cursor: pointer;
	margin-top: 60px;
}
.otvet{
	width: 100px;
	height: 60px;
	background: #71cc75;
	top: 10px;
	position: relative;
	cursor: auto;
	display: none;
}

JavaScript

$(".fade").click(function(){
	$(this).children().slideToggle("slow");
});