Highlight element on hover and fade all the same elements, except the current

jquery.highlight-element.js

/* 
* Highlight Element
* Highlight element on hover and fade all the same elements, except the current
* Recommended for use in galleries or in grids with many items or cards
* Author: Franco Moya - @iamravenous
*/

var highlight = $('.grid-item');

highlight.hover (
  /* On mouse enter */
  function() {
    /* Highlight on hover */
    $(this).css('opacity', '1');
    /* Fade all the same elements, except the current */
    highlight.not(this).css('opacity', '.3');
  }, function() {
    /* Restores all items on mouse leave */
    highlight.css('opacity', '1');
  }
);