JSFiddle - React, Tailwind, and code Playground

by Vipin Patil

HTML

//Supriya for each tab there will be div with imgholder class 
<div id="imgholder1" class="imgholder">
<a href="#"><img src="http://via.placeholder.com/90x50" id="i1" width=300></a>
<a href="#"><img src="http://via.placeholder.com/85x50" id="i2"></a>
<a href="#"><img src="http://via.placeholder.com/80x50" id="i3"></a>


</div>

<div id="imgholder2" class="imgholder">
<a href="#"><img src="http://via.placeholder.com/90x70" id="i1" width=300></a>
<a href="#"><img src="http://via.placeholder.com/85x70" id="i2"></a>
<a href="#"><img src="http://via.placeholder.com/80x70" id="i3"></a>


</div>

JavaScript

$( ".imgholder img" ).click(function(e) {
  temp1="#"+($(this).parent().parent().attr('id'));
  tempvar=$(temp1).find('img:first').attr('src');
  $(temp1).find('img:first').attr("src", this.src) ;
   this.src=tempvar;
	
});