Javascript-форум - Не работает скрипт!

Не получается при повторной потери фокуса удалить класс!!!

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Фокус</title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    
    <style>
        .hui {
            background: yellow;
        }
    </style>
    
    <script>
        $(function(){
            if($('.item3').hasClass('hui')) {
                $('.item3').blur(function(){
                    $(this).removeClass('hui');
                });
            } else {
                $('.item3').blur(function(){
                    $(this).addClass('hui');
                });
            }
        });
    </script>
</head>
<body>
<a class="item1" href="">Ссылка1</a><br/>
<a class="item2" href="">Ссылка2</a><br/>
<a class="item3" href="">Ссылка3</a><br/>
<a class="item4" href="">Ссылка4</a><br/>
<a class="item5" href="">Ссылка5</a><br/>
<a class="item6" href="">Ссылка6</a><br/>
<a class="item7" href="">Ссылка7</a><br/>
<a class="item8" href="">Ссылка8</a><br/>
<a class="item9" href="">Ссылка9</a><br/>
<a class="item10" href="">Ссылка10</a><br/>
</body>
</html>