如何将编号的部分折叠添加到rmarkdown

Question

我试图在点击它们之后显示文本部分（非常像代码折叠）。

到目前为止，我在我的Rmd文件的开头使用了以下html脚本：

  <script language="javascript"> 
    function toggle(num) {
      var ele = document.getElementById("toggleText" + num);
      var text = document.getElementById("displayText" + num);
      if(ele.style.display == "block") {
        ele.style.display = "none";
        text.innerHTML = "show";
      }
      else {
        ele.style.display = "block";
        text.innerHTML = "hide";
      }
   } 
  </script>

但每当我将它用于部分/标题时，我都会失去自动编号。

<a id="displayText" href="javascript:toggle(5);"><h1>I would like to code fold this section 
</h1></a>  
<div id="toggleText5" style="display: none">  
Bla bla 
</div>

获得这样的编号标题：

1 - 我想代码折叠此部分