CSS при наведении - измените элемент ID1 на ID2

Question

Я пытаюсь выяснить, как поменять элементы #1 на #2 при наведении.

Так что мне нужно добиться, чтобы при наведении курсора на #1 он изменился на #2.

Возможно ли это вообще?CSS или jquery в Wordpress?

Я действительно не пробовал ничего, кроме часов поисков в Интернете, я действительно не знаю, с чего начать.

Answer 1

Хитрость заключается в добавлении элемента контейнера

.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>