当div悬停在其上时显示隐藏的div

<div class="target-div">
    <!-- 目标div的内容 -->
</div>
<div class="hidden-div">
    <!-- 隐藏div的内容 -->
</div>

.target-div {
    /* 目标div的样式 */
}

.hidden-div {
    display: none;  /* 初始状态下隐藏隐藏div */
    /* 隐藏div的样式 */
}

var targetDiv = document.querySelector('.target-div');
var hiddenDiv = document.querySelector('.hidden-div');

targetDiv.addEventListener('mouseenter', function() {
    hiddenDiv.style.display = 'block';  /* 显示隐藏div */
});

targetDiv.addEventListener('mouseleave', function() {
    hiddenDiv.style.display = 'none';  /* 隐藏隐藏div */
});