我有一个类似的span，样式为：

<span class="spoiler" onclick="reveal()"> I am a sentence.</span>

.spoiler {
  background-color:#000000;
}

.spoiler:hover{
  background-color:transparent;
  }

然后，我有一些JS修改，以永久显示隐藏的文本（截断显示相关部分只）：

if ... {
        sentence.style.color = "#f00";
        sentence.style.backgroundColor = "transparent";
    } else {
        sentence.style.color = "#000";
        sentence.style.backgroundColor = "#000000";
    }

问题出在else上，一旦我点击返回到剧透风格，我就不能再用hover覆盖文本来显示句子（因为我可以预先点击）。
如何做到这一点？