Javascript 单击按钮获取相应的div

我在while循环中有一个

div

和相应的锚定标记。我想要的是，当我单击锚定标记时，应该只显示对应的div。问题是它只显示循环的第一个div。请帮我解决这个问题。 这是我的密码

int i=0;
while(i<5){
  <div class="scroll_div04b1" align="center" id="chk">
    <a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-0' } )">
      <img src="images/buttons/chk.gif" border="0" />  
    </a>
    <div class="highslide-html-content" id="highslide-0">
    --------
    -------
    </div>
  </div>
  i++
}

inti=0；
而
这应该选择所有highslide html内容div并将其隐藏，然后再显示单击的锚定的下一个同级。（在本例中为div）。此外，您包含的html片段格式不正确，您会错过一个结束div；）

这是jquery（！），要让它工作，您需要包括它

下面是一个使用jquery的示例。不幸的是，我已经很久没有使用javascript了，因此我无法制作一些简单的javascript。请注意，正如Andy所说，这是一项非常耗费资源的工作，其唯一目的是在点击时显示下一个兄弟姐妹：（
你能帮我做一个JSFIDLE吗？我不知道JSFiddle@user1891823我正在从数据库中获取值，并希望在div中显示，好的。之后，一个href链接对应于div。因为它在里面，而循环div正在执行多次，还有href链接。然后我希望当我单击href链接时，只有对应的div应该打开。。它们都在卷轴中吗？为什么要使用锚？我应该如何使用这个函数，因为我对jQuery一无所知。查看我包含的链接。这很容易理解。阅读文档了解更多信息可能最好不要单独包含jQuery，因为它也可以用简单的javascript完成。jQuery的大小jQuery不值得一次使用一次application@Andy是的，我只是假设他需要更多的函数，这些函数使用jquery更快/更简单。我很抱歉，当我单击div id highslide-0应该调用的图像时，请看代码，它正在工作，但当我单击另一个图像时，highslide-0 div id也将与prevoius dat一起出现A.
$('a').click(function(){
   $('.highslide-html-content').hide();
   $(this).next().show();
});