Javascript 单击其中一个A HREF时在两个A HREF之间切换可见性？

说得尽可能简单

我有一个

<a href="#" id="PAUSE" class="tubular-pause">Pause</a>

等一下

<a href="#" id="PLAY" class="tubular-play">Play</a>

我只希望暂停在一开始是可见的，但一旦点击它就会消失，播放变得可见，等等等等（切换）

是管状暂停和管状播放类触发了我的视频的实际暂停和播放。因此，点击的动作需要保持完整，并在“切换”之前发生

---

谢谢大家!

您可以像这样使用jQuery：

$("#play").onlclick(function(){
   $("#play").fadeOut(0);
   $("#pause").fadeIn(0);
});
$("#pause").onlclick(function(){
   $("#pause").fadeOut(0);
   $("#play").fadeIn(0);
});

---

很抱歉，如果它不起作用，我还是初学者…

如果您想在没有jquery的情况下完成它，这非常简单：

function onButtonClick () {
  var playButton = document.getElementById("play");
  var pauseButton = document.getElementById("pause");

  if (pauseButton.style.display == "none") {
    pauseButton.style.display = "block";
    playButton.style.display = "none";
  } else {
    playButton.style.display = "block";
    pauseButton.style.display = "none";
  }
}

只要用这个：

$('#PLAY').hide();
$('#PAUSE').click(function () {
    $(this).hide();
    $('#PLAY').show('fade');
});
$('#PLAY').click(function () {
    $(this).hide();
    $('#PAUSE').show('fade');
});

---

演示：

您可以使用jQuery切换。比如说

$( "#play" ).click(function(){
  ButtonToggles();
});

 $( "#pause" ).click(function(){
   ButtonToggles();
 });

function ButtonToggles(){
   $("#pause").toggle();
   $("#play").toggle();
} 

默认情况下，您可以使用

hide（）

隐藏

#Play

锚定，并使用

.toggle（）

在两个锚定之间切换显示和隐藏：

$('#PLAY').hide();
$('#PLAY, #PAUSE').click(function () {
    $('#PLAY, #PAUSE').toggle();
});

---

@AmitJoki刚刚编辑，请再看一看。谢谢！单击时的操作仍然存在。尽管如此，我还是从“块”改为“内联”。