使用javascript的链接一次只显示一个

使用JavaScript的链接一次只显示一个，可以通过以下方式实现：

使用JavaScript事件处理程序：可以使用JavaScript的事件处理程序来控制链接的显示。例如，可以使用onclick事件来触发一个函数，该函数在每次点击链接时切换链接的显示状态。

<a href="#" onclick="toggleLinkVisibility()">点击显示链接</a>

<script>
function toggleLinkVisibility() {
  var link = document.getElementById("myLink");
  if (link.style.display === "none") {
    link.style.display = "block";
  } else {
    link.style.display = "none";
  }
}
</script>

在上面的示例中，当点击"点击显示链接"时，会调用toggleLinkVisibility函数来切换链接的显示状态。可以根据需要修改函数中的逻辑。

使用JavaScript库或框架：除了使用原生JavaScript，还可以使用一些JavaScript库或框架来简化链接显示的操作。例如，使用jQuery库可以通过以下方式实现：

<a href="#" id="toggleLink">点击显示链接</a>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
  $("#toggleLink").click(function() {
    $("#myLink").toggle();
  });
});
</script>

在上面的示例中，当点击"点击显示链接"时，会使用jQuery的toggle函数来切换链接的显示状态。

使用CSS控制显示：除了使用JavaScript，还可以使用CSS来控制链接的显示。可以通过设置链接的样式来实现显示和隐藏。例如，可以使用以下CSS样式：

<style>
#myLink {
  display: none;
}
</style>

<a href="#" onclick="toggleLinkVisibility()">点击显示链接</a>
<a href="#" id="myLink">要显示的链接</a>

<script>
function toggleLinkVisibility() {
  var link = document.getElementById("myLink");
  if (link.style.display === "none") {
    link.style.display = "block";
  } else {
    link.style.display = "none";
  }
}
</script>

在上面的示例中，通过设置链接的display属性为none来隐藏链接，通过设置为block来显示链接。点击"点击显示链接"时，会调用toggleLinkVisibility函数来切换链接的显示状态。

以上是使用JavaScript的链接一次只显示一个的几种实现方式。具体选择哪种方式取决于具体需求和项目环境。