Html 如何将内容添加到topnav栏，我希望用户能够单击内容并弹出信息

我想能够点击其中一个，内容显示在导航栏下面。我已经尝试过研究这个问题，但无法得到正确的答案

请查看下面代码片段中的代码，希望它能回答您的问题

简单可折叠
单击按钮在显示和隐藏内容之间切换

在下面的代码中，请注意数据目标和数据切换class='collapse'

如果您在代码中实现它们，您应该能够实现所需的结果

简单可折叠
Lorem ipsum dolor sit amet，奉献精英，
这是临时性的劳动和就业机会。我们在这里吃得很少，
我们的实验室是一个普通的实验室。

您想要什么？请尝试更好地解释。我有一个顶部导航栏，我想单击主页，或者“关于”页面，我想显示内容。。我想知道如何向按钮添加内容

<div class="topnav">
    <a class="active" href="#"<i class="fa fa-fw fa-home"></i> Home</a>
    <a href="#"><i class="fa fa-fw fa-search"></i> Search</a>
    <a href="#"><i class="fa fa-fw fa-envelope"></i> Contact Us</a>
    <a href="#"><i class="fa fa-fw fa-about"></i> About</a>
    <div class="topnav-right">
        <a href="#"><i class="fa fa-fw fa-user"></i> Login</a>
    </div>
</div>