如何在html中创建活动窗口？

Question

希望用户能够在单个页面中选择一个“窗口/格”并使其处于活动状态，以便在活动窗口中显示该页面其他位置的选择。

在下面的代码中，我希望用户能够选择“窗口一”或“窗口二”，然后当他们单击列表项之一时，它将跳转到活动窗口中的该项。我对基本的HTML5和CSS有很好的理解，但仍在学习javascript。

<ol>

  <li> < a href=”#one”>Step One</a></li>

  <li>< a href=”#two”>Step Two</a></li>

  <li>< a href=”#three”>Step Three</a></li>

</ol>



<div id=”window_one” class=”info_window”>

  <h3>Window One</h3>

  <p id=”one”>Step One<br>

    Several lines of text here</p>

  <p id=”Two”>Step Two<br>

    Several lines of text here</p>

  <p id=”Three”>Step Three<br>

    Several lines of text here</p>

</div>



<div id=”window_two” class=”info_window”>

  <h3>Window Two</h3>

  <p id=”one”>Step One<br>

    Several lines of text here</p>

  <p id=”Two”>Step Two<br>

    Several lines of text here</p>

  <p id=”Three”>Step Three<br>

    Several lines of text here</p>

</div>

此设置目前导致两个窗口同时具有相同的功能。