List hover opacity

jQuery remake of ul:hover li { opacity:0.4 } ul:hover li:hover { opacity:1; }

by laustdeleuran

HTML

<ol>
    <li>First</li>
    <li>Second</li>
    <li>Third</li>
  </ol>

JavaScript

$(document).ready(function(){
  $('li').hover(function(){  
    $(this)
      .stop()
      .animate({opacity:1},200)
      .siblings()
      .stop()
      .animate({opacity:0.4},200);
  },function() {
    $(this)
      .parent()
      .children()
      .stop()
      .animate({opacity:1},200);
  });
});