オンマウス（マウスオーバー）以外を透かす

<ul class="test01">
<li><a href="#">サンプル１</a></li>
<li><a href="#">サンプル２</a></li>
<li><a href="#">サンプル３</a></li>
</ul>

.test01 li{
list-style:none;
display:inline-block;
margin:1rem;
}
.test01 li a{
text-decoration:none;
font-size:2rem;
font-weight:bold;
}
.test01 li a:hover{
color:#4682b4;
}

$(function() {
    var testmenu = $('.test01 a');
    testmenu.hover(
        function(){
            testmenu.not(this).stop().fadeTo(500,0.3);
        },
        function () {
            testmenu.not(this).stop().fadeTo(500,1);
        }
    );
});