Вернуться обратно в предыдущее состояние на mouseleave

Question

Я собрал этот jsfiddle.

http://jsfiddle.net/YJPV9/

<div id="wrapper"> 
    <div class="portfolio"></div> 
    <div class="portfolio"></div> 
    <div class="portfolio"></div> 
    <div class="portfolio"></div> 
</div> 

.portfolio { 
    height:50px; 
    width:200px; 
    float:left; 
    margin:20px 20px 0 0; 
    background-color:red; 

} 
#wrapper { 
    width:500px; 
} 
.portfolio:hover { 
} 

$('.portfolio', '#wrapper').hover(function() { 
    $('.portfolio', '#wrapper').not(this).stop().animate({ 
     opacity: .2 
    }, 500); 

    $(this).stop().animate({ 
     opacity: 1 
    }, 500); 
}); 
$('.portfolio', '#wrapper').mouseleave(function() { 
    ('.portfolio', '#wrapper').animate({opacity:1}, 500); 
}); 

Я ищу вернуть все элементы обратно в непрозрачности: 1, когда мышь покидает оболочку.

Answer 1

Попробуйте это:

$('.portfolio', '#wrapper').hover(function() { 
    $('.portfolio', '#wrapper').not(this).stop().animate({ 
     opacity: .2 
    }, 500); 
}, function(){ 
    $('.portfolio', '#wrapper').stop().animate({ 
     opacity: 1 
    }, 500); 
}); 

jsFiddle example

Answer 2

Был $ отсутствует в вашем Fiddle. Добавление, которое позволило ему работать по назначению.