我如何使用相同的链接到；“重新隐藏”；以前通过Javascript隐藏的文本？

下面的代码片段显示了我单击“邀请代码”时的邀请代码。但是，如果再次单击同一链接，如何重新隐藏邀请代码？它能在随后的点击中来回循环吗？我没有写这段代码，只是根据自己的用途修改了它。我对这类事情还是很陌生的。谢谢

<style>
    div.hide { display:none; }
    div.show { text-align:center; }
</style>



<script type='text/javascript'>
    function showText(show, hide) {
        document.getElementById(show).className = "show";
        document.getElementById(hide).className = "hide";
    }
</script>

<br>
<font color="red">-</font><a href="index.php">Home</a><font color="red"> / </font><a onclick="showText('text1')" href="javascript:void(0);">Invite Code</a>-</font>
<div id="text1" class="hide"><font color="red">abc123</font></div>
</center></h3>

div.hide{display:none；}
div.show{text align:center；}
函数showText（显示、隐藏）{
document.getElementById（show.className=“show”；
document.getElementById（hide）.className=“hide”；
}


- / -
abc123

使用布尔值保存状态

var hided = true;
function showText(show,hide){
    if (hided){
        document.getElementById(show).className = "show";
        document.getElementById(hide).className = "hide";
    }
    else{
        document.getElementById(show).className = "hide";
        document.getElementById(hide).className = "show";
    }
    hided = !hided;
}

修改以下代码和一些html:，

---

这不是预期的行为吗？

使用布尔值保存状态

var hided = true;
function showText(show,hide){
    if (hided){
        document.getElementById(show).className = "show";
        document.getElementById(hide).className = "hide";
    }
    else{
        document.getElementById(show).className = "hide";
        document.getElementById(hide).className = "show";
    }
    hided = !hided;
}

修改以下代码和一些html:，

---

这不是预期的行为吗？

只需使用此功能：

函数showText（id）
{
var elem=document.getElementById（id）；
如果（elem.style.display==“无”）
{
elem.style.display='inline'；
}
其他的
{
elem.style.display='none'；
}
}

要隐藏或显示的文本。。。世界跆拳道联盟？！
此文本不应移动。

只需使用此功能：

函数showText（id）
{
var elem=document.getElementById（id）；
如果（elem.style.display==“无”）
{
elem.style.display='inline'；
}
其他的
{
elem.style.display='none'；
}
}

要隐藏或显示的文本。。。世界跆拳道联盟？！
此文本不应移动。

这就是内容。
函数toggleContent（）{
//获取DOM引用
var contentId=document.getElementById（“内容”）；
//拨动
contentId.style.display==“块”？contentId.style.display=“无”：
contentId.style.display=“block”；
}
切换

//代码是非常自解释的

这就是内容。
函数toggleContent（）{
//获取DOM引用
var contentId=document.getElementById（“内容”）；
//拨动
contentId.style.display==“块”？contentId.style.display=“无”：
contentId.style.display=“block”；
}
切换

---

//代码是非常自解释的

我真的不认为表演课有什么用。您可以在要切换的元素上切换隐藏类。 假设您不需要show类，然后像这样使用classList.toggle函数

功能切换（目标）{
document.getElementById（target.classList.toggle（'hide'）；
}

.hide{display:none}

显示/隐藏
你好，世界我真的不认为show类有什么用处。您可以在要切换的元素上切换隐藏类。
假设您不需要show类，然后像这样使用classList.toggle函数
功能切换（目标）{
document.getElementById（target.classList.toggle（'hide'）；
}
.hide{display:none}
显示/隐藏
你好，世界您不仅仅使用document.getElementById（“myDivsName”）.style.visibility=“hidden”；我很确定你也可以在上面做一个if语句，你不仅仅使用document.getElementById（“myDivsName”）.style.visibility=“hidden”；我很确定你也可以在上面做一个if语句..而且在CSS中，
div.show
应该有
display:block
或其他值（除了
none
）来使元素再次可见。否，因为.className=“show”正在删除“hide”classThis似乎不起作用，并产生与原始代码相同的效果。我明白你在这里想做什么，这是有道理的。您的代码中可能有错误吗？。同样在CSS中，
div.show
应该具有
display:block
或其他值（除了
none
）以使元素再次可见。否，因为.className=“show”正在删除“hide”类这似乎不起作用，并产生与原始代码相同的效果。我明白你在这里想做什么，这是有道理的。您的代码中可能有错误吗？
elem.style.display=（elem.style.display='none'）？'inline'：'none'。。只写一行，也很好，但是为了让代码更容易理解，有时候写更多行会更好…这正是我所需要的。非常感谢！！：）我注意到一件事，如果我在非索引页面上使用您的解决方案，当我单击“获取代码”时，它会工作，但会返回到索引。有没有什么方法可以消除对锚链接的需求，只将其设置为文本样式，但仍然使用onclick？只需将#更改为
javascript:void（0）
Greetings
elem.style.display=（elem.style.display='none'）？'inline'：'none'。。只写一行，也很好，但是为了让代码更容易理解，有时候写更多行会更好…这正是我所需要的。非常感谢！！：）我注意到一件事，如果我在非索引页面上使用您的解决方案，当我单击“获取代码”时，它会工作，但会返回到索引。有什么方法可以消除对锚链接的需求，使其成为文本样式，但仍然使用onclick？只需将#更改为
javascript:void（0）
greetings我喜欢按钮的想法，但我现在想要纯文本。谢谢我喜欢按钮的想法，但我现在想要纯文本。谢谢谢谢你的建议！谢谢你的建议！