Javascript：显示/隐藏切换首次点击不起作用

Question

我在一个页面上工作，并且遇到了这个恼人的问题。 该页面有10个数字，并且figcaptions设置为display：none默认值。我想要的效果是单击任何图像以显示其各自的标题，并隐藏任何其他标题。 总的来说，它运作良好，但第一次点击图像并没有做任何事情。

关于我可能做错的任何想法？

function toggle(figureNum){
  var captions = document.getElementsByTagName("FIGCAPTION");

  if (captions[figureNum].style.display == "none"){
    for (i = 0; i < 10; i++){
      captions[i].style.display = "none";
    }
    captions[figureNum].style.display = "block";
  } else {
    captions[figureNum].style.display = "none";
  }
}

谢谢！