html - 在(其他)Div 单击时显示 Div？

Question

我试图让一个 div 在单击另一个 div 时显示。

这是我现在拥有的 HTML:

<li><a href="#"><div class="parent7">Light Finish</div></a>
<li><a href="#"><div class="child1">Twin</div></a>

这是 CSS:

  .parent7 {

        }
  .child1 {
        display: none;
    }

我不确定我的下一步是什么。我将使用什么代码来更改 .child1 显示以阻止单击 .parent7？

Answer 1

你可以使用javascript事件onclick

<div onclick="myFunction()">Light Finish</div>

当用户点击 div 时，它会调用您创建的函数，如下所示:

<script>
function myFunction()
{
document.getElementById("TheIdOfTheDiv").style.display = "block";
}
</script>

只需为您要显示的其中一个 div 指定一个 ID。