JSFiddle - React, Tailwind, and code Playground

by jquerybyexample

HTML

<div id="dvImg">
<a href="http://www.facebook.com/jQueryByExample" target="_blank"><img border="0" width="55px" height="55px" src="http://1.bp.blogspot.com/_pP4JIb2v5LA/TJm_XGJmbbI/AAAAAAAABTg/IxG2s_qRzL0/s1600/FaceBook_128x128.png" class='followusclass1' title="Follow via Facebook" /></a>
<a href="http://twitter.com/jquerybyexample" target="_blank"><img border="0" width="55px" height="55px" src="http://3.bp.blogspot.com/_pP4JIb2v5LA/TJnBpr56SDI/AAAAAAAABTs/LfHACwgIFPM/s1600/Twitter_128x128.png" class='followusclass1' title="Follow via Twitter" /></a>
<a href="http://feeds.feedburner.com/JqueryByExample"  target="_blank"><img border="0" width="55px" height="55px" src="http://3.bp.blogspot.com/_pP4JIb2v5LA/TJnBwFevbMI/AAAAAAAABTw/AdekgXUQMz0/s1600/konqsidebar_news.png" class='followusclass1' title="Follow using feed" /></a>
<a href="http://feedburner.google.com/fb/a/mailverify?uri=jquerybyexample" target="_blank"><img border="0" width="55px" height="55px" src="http://1.bp.blogspot.com/_pP4JIb2v5LA/TKRPzcU9bmI/AAAAAAAABT4/RH2w_z6IGXI/s1600/Email-RSS-Icon256.png" class='followusclass1' title="Follow via email" /></a>
</div>

CSS

body
{
    padding: 20px;
}

JavaScript

$(document).ready(function() {
    $('#dvImg a').hover(function() {
        $('#dvImg a img').not($('img', this)).stop().fadeTo(250, '0.3');
    }, function() {
        $('#dvImg a img').stop().fadeTo(250, '1.0');
    });
});