Simple jQuery Plugin which fades out an elements siblings on hover.

jquery.sibling-fader.js

/*!
 * Simple jQuery Plugin which fades out an elements siblings on hover.
 *
 * Copyright 2016 James Buncle
 * 
 * Released under the MIT license.
 * http://jquery.org/license
 *
 */
(function ($) {
    $.fn.siblingFader = function () {
        var $selection = $(this);
        return  this.each(function () {
            var $hovered = $(this);
            var $siblings = $selection.not($hovered);
            $(this).hover(function (event) {
                $hovered.stop().animate({
                    opacity: 1
                });
                $siblings.stop().animate({
                    opacity: 0.5
                });
            }, function (event) {
                $siblings.stop().animate({
                    opacity: 1
                });
                $hovered.stop().animate({
                    opacity: 1
                });
            });
        });
    };
})(jQuery);