JSFiddle - React, Tailwind, and code Playground

HTML

<input type="button" data-index="0" value="Show 1" />
		<input type="button" data-index="1" value="Show 2" />
		<input type="button" data-index="2" value="Show 3" />

		<div class="div-as-image" style="background-image: url(http://placekitten.com/300/300?);"></div>
		<div class="div-as-image" style="background-image: url(http://placekitten.com/400/400?);"></div>
		<div class="div-as-image" style="background-image: url(http://placekitten.com/500/500?);"></div>

CSS

.div-as-image {
			width: 500px;
			height: 500px;
			display: none;
		}

JavaScript

$(function () {
			$('input').on('click', function () {
				$('.div-as-image')
					.css('display', 'none')
					.eq($(this).attr('data-index'))
						.css('display', 'block');
			});
		});