JQuery를 사용하는 부모 자식의 특정 요소 만 어떻게 페이드합니까?

Question

어떻게하면 각 .nav 내부의 P가 희미 해지지 않았습니까?

http://jsfiddle.net/vbqfD/

$(document).ready(function() { 
$('.nav').mouseenter(function() { 
    $(this).fadeTo('fast', .5); 
}); 

$('.nav').mouseleave(function() { 
    $(this).fadeTo('fast', 1); 
}); 

});

Answer 1

당신은 0.5 요소의 투명도를 설정하고,이 내가 좋을 것 역시 아이들에 영향을

.nav { 
    ... 
    background: rgba(130, 202, 255, 1); 
    -moz-transition: all 400ms; 
    -webkit-transition: all 400ms; 
    transition: all 400ms; 
} 

.nav:hover { 
    background-color: rgba(130, 202, 255, 0.5); 
} 

http://jsfiddle.net/NwRXs/3/