Javascript 切换面板并添加相应的类别

所以我得到了这些面板，它们工作得很好，但是如果我在同一个导航项（标准，Plus）上单击两次，类就会消失……而且，例如，如果我单击“Free”面板，然后单击“Standard”按钮，它就不会切换它……你知道这里出了什么问题吗。。？这是一支钢笔：

---

只需在.pricing-select\u项目的末尾添加此代码--ent click函数

$(".pricing-panel--ent").addClass("pricing-panel--selected");

$(".pricing-panel--tms").addClass("pricing-panel--selected");

---

只需将此代码添加到您的.pricing-select\u项目的末尾--tms click函数

$(".pricing-panel--ent").addClass("pricing-panel--selected");

$(".pricing-panel--tms").addClass("pricing-panel--selected");

例如：

 $(".pricing-select__item--ent").on('click', function() {

    $(".pricing-panel").removeClass("pricing-panel--selected");

    if($(".pricing-select__item--tms").hasClass("pricing-select__item--selected--color")) {
        $(".pricing-select__item--tms").removeClass("pricing-select__item--selected--color");
        $(this).addClass("pricing-select__item--selected--color");

        $(".pricing-panel--ent").addClass("pricing-panel--selected");
    }
    $(".pricing-panel--ent").addClass("pricing-panel--selected"); //here
});

$(".pricing-select__item--tms").on('click', function() {

    $(".pricing-panel").removeClass("pricing-panel--selected");

    if($(".pricing-select__item--ent").hasClass("pricing-select__item--selected--color")) {
        $(".pricing-select__item--ent").removeClass("pricing-select__item--selected--color");
        $(this).addClass("pricing-select__item--selected--color");

        $(".pricing-panel--tms").addClass("pricing-panel--selected");
    }
    $(".pricing-panel--tms").addClass("pricing-panel--selected"); //here
});

---

我在codepenMe中也没有看到任何问题……您的代码中有很多逻辑问题，我已经为您的第一个问题创建了一个，对于第二个问题，您需要创建第三个按钮（“免费”）并绑定一个点击事件