在本地存储Javascript中切换元素时将更改的文本保存到按钮

我试图在我的web应用程序中构建一个按钮来切换元素，但我也希望按钮中的文本根据应该执行的操作进行更改

代码如下：

$（.hideLink”）。在（“单击”，函数（）{
如果（$（this）.text（）=“隐藏产品-”）
{
$（此）.text（“显示产品-”）；
}否则{
$（此）.text（“隐藏产品-”）；
}
$（“.ISProductBody”）.toggle（）；
返回false；
});

标题


此处文本
此处文本
此处文本
此处文本

我认为可能您不需要保存文本，只需保存状态（如果正在显示或正在隐藏）就足够了。因为当您从
localStorage
检索状态时，可以检查它，然后定义要显示的文本。


如果您确实想保存文本，只需按照下面代码段中用于保存状态的相同逻辑进行操作，然后使用它来保存文本。


OBS：在S.O中，我的代码不起作用，它不允许从代码段使用localStorage，请在此处试用，然后告诉我是否适合您。


编辑


当页面加载时，它会尝试查找locaStorage，如果找到了，它会根据需要进行更改。
工作小提琴：


$（文档）.ready（函数（）{
var actualState=localStorage.getItem（'state'）；
var btnJQ=$（'.hideLink'）；
如果（实际状态！=null）{
var myText=“”；
如果（实际状态=='显示'）{
myText=“隐藏产品”；
}否则{
myText=“展示产品”；
$（“.ISProductBody”）.toggle（）；
}       
btnJQ.text（myText）；
}
$（.hideLink”）。在（“单击”，函数（）上{
var _thisJQ=$（本）；
如果（_thisJQ.text（）=“显示产品”）{
setItem（'state'，'showing'）；
_此jq.text（“隐藏产品”）；
}else if（_thisJQ.text（）=“隐藏产品”）{
setItem（'state'，'hidden'）；
_本JQ.文本（“展示产品”）；
}
$（“.ISProductBody”）.toggle（）；
});
});

标题


此处文本
此处文本
此处文本
此处文本

您到底想在LocalStorage上保存什么？开关的状态如何？如果显示或隐藏产品？切换状态和按钮上更改的文本首先感谢您的帮助！JS Fiddle允许使用localStorage，但它不起作用：（你可以检查一下，你在你的电脑上试用过吗？哦，对不起，localStorage工作得很好，我只是忘了添加一个函数来检查加载…我会在一段时间内完成。等几分钟，然后检查我的编辑是的，对我来说工作很有魅力。。。（不是每个浏览器都接受localStorage，也许你也需要启用它）你使用的是哪种浏览器？它在js fiddle中也不工作：（再次感谢你的帮助！