Javascript 除非单击第二个按钮，否则仅保持悬停背景图像处于活动状态

我有两个按钮，每个按钮都有灰色背景图像，每个按钮都有彩色悬停背景图像。我只想保持彩色背景处于活动状态，除非单击它旁边的按钮。现在，如果单击屏幕上的任何位置，背景悬停图像的焦点将恢复为原始的灰色按钮/图像

下面是CSS的处理方法：

以下是JS：

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

<script>
$(function () {
    $("[name=toggler]").click(function () {
        $('.toHide').hide();
        $("#blk-" + $(this).val()).fadeIn();
    });
});
</script>

---

非常感谢您的帮助！提前感谢。

我更新了您的代码，将活动类添加到上次单击的按钮中，并从所有其他按钮中删除活动类

---

使用jqueryclick和css函数来更改原始背景。效果非常好！然而，现在我遇到了一个问题，表单的验证码相互干扰。您对如何禁用未激活的表单有何建议？再次感谢你的帮助！当你说“干涉”的时候，我无法清楚地了解到底是什么问题。但是，我认为您可能可以使用$'.captcha'.prop'disabled'来执行某些操作，这是真的；禁用所有验证码，然后使用$'blk-'+$this.val+'.captcha'.prop'disabled'，false启用活动验证码；另外，如果答案对你有帮助，不要忘记接受它。谢谢，我接受了第一个答案。谢谢你的帮助…显然我还是新手。我提交了另一篇关于验证码帮助的帖子。我已经列出了表单的实际url。如果你有什么建议，请随时通知我。再次感谢！

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

<script>
$(function () {
    $("[name=toggler]").click(function () {
        $('.toHide').hide();
        $("#blk-" + $(this).val()).fadeIn();
    });
});
</script>