jquery - 文字不会切换回

我有这个小的切换脚本，可以切换面板，类和文本。我在切换文字时遇到了麻烦。第一次点击时会更改，但之后不会更改。

Here是一个小提琴。这是相关的代码：

var visibleText = "Hide";
var hiddenText = "Show";
var textChange = $("#hidewrap a span");
var dynText = textChange.text() == visibleText ? hiddenText : visibleText;

textChange.text(dynText);

谢谢！

最佳答案

首先，here's答案。

其次，解释：
检查<span></span>元素文本的逻辑是在$ .ready方法中。 jQuery每次页面加载一次在内部调用此方法，因此逻辑仅会检查一次span的文本值。我只是将逻辑检查var dynText = textChange.text() == visibleText ? hiddenText : visibleText;移到了.click中，以便每次单击链接时都执行检查，而不是每页加载一次。