JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<h2>Heading</h2>
<div>
<img src="http://placehold.it/300x300" />
</div>
<h2>Heading</h2>
<div>
<img src="http://placehold.it/300x600" />
</div>
<h2>Heading</h2>
<div>
<img src="http://placehold.it/300x600" />
</div>

CSS

div {
  max-height:650px;
  transition:all 500ms ease;
  padding:10px;
  background-color:blue;
}

div.collapsed {
  max-height:0px;
  overflow:hidden;
  padding:0px;
  background-color:transparent;
}

JavaScript

$('h2').click(function(){
	$(this).next().toggleClass('collapsed');
});