Jquery 如何在单击时选择并按下一个按钮，然后取消按下所有其他按钮？

我有一组3个按钮，我想对它们进行编码，当单击一个按钮时，它会被按下，而其他2个按钮会进入默认状态。我在jQuery中尝试了以下几行代码，但undepress部分似乎不起作用。如果能得到一些帮助/指出正确的方向，那就太好了。类“active”和“default”已在CSS文件中定义

$(function () {
    $('#easybtn').click(function () {
        $(this).toggleClass('active');
            $('#mediumbtn').toggleClass('default');
            $('#hardbtn').toggleClass('default');
    });
});

$(function () {
    $('#mediumbtn').click(function () {
        $(this).toggleClass('active');
            $('#easybtn').toggleClass('default');
            $('#hardbtn').toggleClass('default');
    });
});

$(function () {
    $('#hardbtn').click(function () {
        $(this).toggleClass('active');
            $('#easybtn').toggleClass('default');
            $('#mediumbtn').toggleClass('default');
    });
});

---

首先为它们分配一个公共类。。。我叫它难度按钮，然后：

$('.difficulty-button').click(function () {
    var $this = $(this),
        $all = $('.difficulty-button');

        $all.not($this).toggleClass('active', false).toggleClass('default', true);
        $this.toggleClass('active', true).toggleClass('default', false);
});

---

和相关的html？我认为没有必要。谢谢！成功了。只需要在代码之前添加$（function（）{），它就完成了它应该做的事情