JSFiddle - React, Tailwind, and code Playground

by bsawn

HTML

<div class="placeholder">
	<img src="https://via.placeholder.com/350x150">
	<span class="vm-img-desc">Span 1.</span>
</div>

<div class="placeholder">
	<img src="https://via.placeholder.com/350x150">
	<span class="vm-img-desc">Span 2.</span>
</div>

<div class="placeholder">
	<img src="https://via.placeholder.com/350x150">
	<span class="vm-img-desc">Span 3.</span>
</div>

CSS

.vm-img-desc {display:none;}

JavaScript

window.onload = function(){
	var divBlock = document.querySelectorAll('.placeholder');

	for(var i=0; i < divBlock.length; i++){
		divBlock[i].onclick = function(){
			this.children['1'].classList.toggle('vm-img-desc'); // 1 это жостко зашитая позиция в nodList
		}
	}     
}