JSFiddle - React, Tailwind, and code Playground

by Paul George

HTML

<div id="thumbsContainer">
	<div class="imageHolder">
		Image in Here...
	</div>
    <div class="imageHolder">
		Image in Here...
	</div>
    <div class="imageHolder">
		Image in Here...
	</div>
</div>

CSS

#thumbsContainer {
    background:#000;
    padding:20px;
    overflow:auto;
}

.imageHolder {
    background:#eee;
    float:left;
    margin:5px;
    width:50px;
    height:50px;
    padding:5px;
    border:1px solid #666;
}

JavaScript

$('#thumbsContainer').children('.imageHolder').hover(function() { $(this).siblings().stop().animate({'opacity':'0.5'}); }, 
	function() { $(this).siblings().stop().animate({'opacity':'1'}); });