在悬停一个元素时与两个元素进行交互

.element:hover {
  background-color: red;
}

<div class="element" onmouseover="showElements()" onmouseout="hideElements()">悬停元素</div>
<div id="element1">元素1</div>
<div id="element2">元素2</div>

<script>
function showElements() {
  document.getElementById("element1").style.display = "block";
  document.getElementById("element2").style.display = "block";
}

function hideElements() {
  document.getElementById("element1").style.display = "none";
  document.getElementById("element2").style.display = "none";
}
</script>