在javascript的帮助下在同一页面中打开子链接

在html中，我创建了如下页面

2012-2013
  a
  b

2011-2012

  a
  b

其中2012-2013为点击2012的主链接，2013子链接a和b应为 再次单击链接时打开a和b子链接应隐藏

---

我想使用javascript来实现它

你的意思是这样的吗。是html5。目前只有chrome支持：

<details>
<summary>2012-2013</summary>
<p> a b</p>
</details>
<details>
<summary>2011-2012</summary>
<p> c d </p>
</details>

2012-2013
a b

2011-2012
c d

你真的需要学点标点符号，伙计。我试着把这个问题读了三遍，但我一点也听不懂。