如何隐藏具有已知id的各种span标签，只留下一个可见的

Question

我有这个页面，我有一些像链接一样工作的span标签，里面我有一些隐藏的div，我想要做的是当我点击其中一个链接时，点击的一个内部的div显示其他跨度收到属性display:none。

像这样：

<style>
#divHidden{display:none;}
</style>
<span id="link_01" onclick="myfunction()"> <!--<<= when clicked-->
<div id="divHidden">Content</div>          <!--<<= this comes visible-->
</span>
<span id="link_02" onclick="myfunction()"> <!--<<= then this-->
<div id="divHidden">Content</div>
</span>
<span id="link_03" onclick="myfunction()"> <!--<<= and this goes hidden-->
<div id="divHidden">Content</div>
</span>

如何在javascript中对此进行编码？