Javascript 将高亮显示的颜色更改回

当我移动到另一个选项卡时，我的颜色回变有问题。正如您在这里看到的：当您按下contacts中的任何选项卡时，它会改变颜色，但当您移动到另一个选项卡时，它不会改变其颜色。这是我的密码：

$('.contfield').click(function(){
            if ($('.contclickedinfo').is(':hidden')) {
                $('.contclickedinfo').show();
                $(this).css("background-color","rgb(23,55,94)");
                $(this).css("color","#FFF");    
            }
            else{
                $('.contclickedinfo').hide();
                $(this).css("background-color","rgb(217,217,217)");
                $(this).css("color","#383838");
            }
            return false;
        });

        $('.contclickedinfo').click(function(e) {
            e.stopPropagation();
        });
        $(document).click(function() {
            $('.contclickedinfo').hide();
            $(this).css("background-color","rgb(217,217,217)");
            $(this).css("color","#383838");
        }); 

和html：

<div class="contacts">
            <div class="conthead">
                Contacts
            </div>
            <div class="confields">
                <div class="contfield">
                    Jim Granger - CEO
                </div>
                <div class="contfield">
                    Frank Grant - CFO
                </div>
                <div class="contfield">
                    Dolly Marsden – SVP BD
                </div>
                <div class="contfield">
                    Angus Lewis – SVP Marketing
                </div>
            </div>
            <div class="contclickedinfo">
                <div class="contbox">
                    <table border="0">
                         <tr>
                         <td>Phone</td>
                         <td><div class="contrightfield">+82 9999 9999</div></td>
                         </tr>
                         <tr>
                         <td>Email</td>
                         <td><div class="contrightfield">jim.granger@abccmo.com</div></td>
                         </tr>
                         <tr>
                         <td>Address</td>
                         <td><div class="contrightfield">12 First Road,
                            Kowloon,
                            Hong Kong
                            X123 Y456</div>
                         </td>
                         </tr>
                         </table>
                </div>
            </div>
        </div>

联络
吉姆·格兰杰-首席执行官
弗兰克·格兰特-首席财务官
Dolly Marsden–高级副总裁BD
安格斯·刘易斯——高级副总裁营销
电话
+82 9999 9999
电子邮件
吉姆。granger@abccmo.com
地址
第一路12号，
九龙，
香港
X123 Y456

你链接到的网站无法访问，因为你的主机说“你正在检查恶意内容”。只是一个提示，我不会硬编码颜色值，而是添加/删除类。

    if ($('.contclickedinfo').is(':hidden')) {
        $('.contfield').css("background-color","rgb(217,217,217)");
        $('.contfield').css("color","#383838");
        $('.contclickedinfo').show();
        $(this).css("background-color","rgb(23,55,94)");
        $(this).css("color","#FFF");    
    }