Javascript 如何使用jQuery使简单的切换按钮工作

我试图构建一个简单的切换按钮来更改元素上的类及其包含“p”元素的文本

在第一次单击时，它工作正常，但随后不会切换回原来的状态

我错过了什么

$（'.disclaimer'）。单击（函数（）{
如果（$（“#免责声明文本”）.text=“拒绝免责声明”）{
$（'免责声明'）.addClass（“免责声明接受”）；
$（“#免责声明文本”）.text（“接受免责声明”）
}否则{
$（'免责声明'）.removeClass（“免责声明接受”）；
$（“#免责声明文本”）.text（“拒绝免责声明”）
}
});
。免责声明{
字体系列：“瓦雷拉圆形”，无衬线；
字体大小：粗体；
字体大小：0.7vw；
宽度：15%；
高度：50px；
边界半径：20px；
背景色：#f96c8a；
颜色：#545d7b；
}
.免责声明接受{
字体系列：“瓦雷拉圆形”，无衬线；
字体大小：粗体；
字体大小：0.7vw；
宽度：15%；
高度：50px；
边界半径：20px；
背景色：#30e83a；
颜色：#545d7b；
}
#免责声明{
显示：块；
保证金：自动；
字体大小：2vw；
}

拒绝免责声明
您可以使用jQuery的：

根据类的存在或状态参数的值，从匹配元素集中的每个元素中添加或删除一个或多个类

请注意：
是一种jQuery方法，要获取文本，您必须使用
.text（）
，还必须使用比较运算符（
=
或
==
）来比较文本，而不是赋值运算符（
=
）：


$（'.disclaimer'）。单击（函数（）{
$（'免责声明'）.toggleClass（“免责声明接受”）；
如果（$（“#免责声明文本”）.text（）=“免责声明已拒绝”）{
$（“#免责声明文本”）.text（“接受免责声明”）
}否则{
$（“#免责声明文本”）.text（“拒绝免责声明”）
}
});
。免责声明{
字体系列：“瓦雷拉圆形”，无衬线；
字体大小：粗体；
字体大小：0.7vw；
宽度：15%；
高度：50px；
边界半径：20px；
背景色：#f96c8a；
颜色：#545d7b；
}
.免责声明接受{
字体系列：“瓦雷拉圆形”，无衬线；
字体大小：粗体；
字体大小：0.7vw；
宽度：15%；
高度：50px；
边界半径：20px；
背景色：#30e83a；
颜色：#545d7b；
}
#免责声明{
显示：块；
保证金：自动；
字体大小：2vw；
}

拒绝免责声明
您可以使用jQuery的：

根据类的存在或状态参数的值，从匹配元素集中的每个元素中添加或删除一个或多个类

请注意：
是一种jQuery方法，要获取文本，您必须使用
.text（）
，还必须使用比较运算符（
=
或
==
）来比较文本，而不是赋值运算符（
=
）：


$（'.disclaimer'）。单击（函数（）{
$（'免责声明'）.toggleClass（“免责声明接受”）；
如果（$（“#免责声明文本”）.text（）=“免责声明已拒绝”）{
$（“#免责声明文本”）.text（“接受免责声明”）
}否则{
$（“#免责声明文本”）.text（“拒绝免责声明”）
}
});
。免责声明{
字体系列：“瓦雷拉圆形”，无衬线；
字体大小：粗体；
字体大小：0.7vw；
宽度：15%；
高度：50px；
边界半径：20px；
背景色：#f96c8a；
颜色：#545d7b；
}
.免责声明接受{
字体系列：“瓦雷拉圆形”，无衬线；
字体大小：粗体；
字体大小：0.7vw；
宽度：15%；
高度：50px；
边界半径：20px；
背景色：#30e83a；
颜色：#545d7b；
}
#免责声明{
显示：块；
保证金：自动；
字体大小：2vw；
}

拒绝免责声明
您在
text（）
而不是文本时出错，并且缺少
=
而不是
=
是赋值运算符

从

if ($('#disclaimerText').text = "Disclaimer Declined") {

到


$（'.disclaimer'）。单击（函数（）{
如果（$（“#免责声明文本”）.text（）=“拒绝免责声明”）{
$（'免责声明'）.addClass（“免责声明接受”）；
$（“#免责声明文本”）.text（“接受免责声明”）
} 
否则{
$（'免责声明'）.removeClass（“免责声明接受”）；
$（“#免责声明文本”）.text（“拒绝免责声明”）
}
});
。免责声明{
字体系列：“瓦雷拉圆形”，无衬线；
字体大小：粗体；
字体大小：0.7vw；
宽度：15%；
高度：50px；
边界半径：20px；
背景色：#f96c8a；
颜色：#545d7b；
}
.免责声明接受{
字体系列：“瓦雷拉圆形”，无衬线；
字体大小：粗体；
字体大小：0.7vw；
宽度：15%；
高度：50px；
边界半径：20px；
背景色：#30e83a；
颜色：#545d7b；
}
#免责声明{
显示：块；
保证金：自动；
字体大小：2vw；
}

拒绝免责声明
您在
text（）
而不是文本时出错，并且缺少
=
而不是
=
是赋值运算符

从

if ($('#disclaimerText').text = "Disclaimer Declined") {

到


$（'.disclaimer'）。单击（函数（）{
如果（$（“#免责声明文本”）.text（）=“拒绝免责声明”）{
$（'免责声明'）.addClass（“免责声明接受”）；
$（“#免责声明文本”）.text（“接受免责声明”）
} 
否则{
$（'免责声明'）.removeClass（“免责声明接受”）；
$（“#免责声明文本”）.text（“拒绝免责声明”）
}
});
。免责声明{
字体系列：“瓦雷拉圆形”，无衬线；
字体大小：粗体；
字体大小：0.7vw；
宽度：15%；
高度：50px；
边界半径：20px；
背景色：#f96c8a；
颜色：#545d7b；
}
.免责声明接受{
字体系列：“瓦雷拉圆形”，无衬线；
字体-