在html中設定好幾個東西可以按一下來切換顯示或隱藏

如題，筆者有一個多益題庫網頁， 在題目上點一下就會在旁邊顯示答案， 再按一下就會隱藏答案， 做法如下：

<div id="xxx" style="display: none">要隱藏及顯示的的內容</div>

<p name="xxx" onclick="myFunction($(this).attr('name'))">點一下來觸發隱藏或顯示</p> 注意，上面兩個name跟id必須相同。

下面是JavaScript的程式碼。

function myFunction(receive) {
  var x = document.getElementById(receive);
  if (x.style.display === "none") {
    x.style.display = "block";
  } else {
    x.style.display = "none";
  }
}

注意到這個程式用到jQuery， 也就是要在head加入使用jQuery的指令， 參考這裡。

這個程式是改編這個功能而來的。