jquery - 悬停时的 CSS - 将元素 ID1 更改为 ID2

我想弄清楚如何在悬停时将元素 #1 交换到 #2。

所以我需要实现的是，当我将鼠标悬停在 #1 上时，它将变为 #2。

有可能吗？ Wordpress 中的 CSS 或 jquery？

除了谷歌搜索之外，我没有真正尝试过任何其他方法，我真的不知道从哪里开始。

最佳答案

诀窍是添加一个容器元素

.container #two {
  display: none;
}

.container:hover #two {
  display: block;
}

.container:hover #one {
  display: none;
}

<div class="container">
  <div id="one">One</div>
  <div id="two">Two</div>
</div>

关于jquery - 悬停时的 CSS - 将元素 ID1 更改为 ID2，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/55935122/