so i was creaing a category slider but i am new to js and jquery i tried all way but not able to add a click event to image to replace div content when its clicked i have attached the step images below
step 1 initial slider [1]: https://i.stack.imgur.com/LLifb.png
step 2 if i click on any of the tile its child will be visible [2]: https://i.stack.imgur.com/pZkcD.png
can any one help in creating html css js code for this
<div class="banner-slider">
<div class="slider slider-nav ">
<div class="thumbnail-image">
<div class="thumbImg">
<img src="img/Icons/shower.svg" alt="slider-img">
</div>
<span>SHOWER</span>
</div>
<div class="thumbnail-image">
<div class="thumbImg">
<img src="img/Icons/commode.svg" alt="slider-img">
</div>
<span>COMMODE</span>
</div>
<div class="thumbnail-image">
<div class="thumbImg">
<img src="img/Icons/water-faucet.svg" alt="slider-img">
</div>
<span>WATER FAUCET</span>
</div>
<div class="thumbnail-image">
<div class="thumbImg">
<img src="img/Icons/wash-basin.svg" alt="slider-img">
</div>
<span>WASH BASIN</span>
</div>
<div class="thumbnail-image">
<div class="thumbImg">
<img src="img/Icons/water-faucet.svg" alt="slider-img">
</div>
<span>WWATER FAUCET</span>
</div>
</div>
</div>
//js part not able to do