Html 手风琴标签结构-包装标签

我有一份手风琴菜单，很好用。但是，我希望有一个包装标签来表示整个手风琴的内容

手风琴在手风琴内容中呈现单个问题（点击）和用户的回答

以下是我所拥有的：

<div class="questions"> <!-- this div open accordion tab-->


<!-- If I place a tag here, before "QBlock" - accordion stops working -->

 <div id="QBlock"> <!-- This is where accordion content begins -->
 <table id="QTable">
   <tr>
    <td width="45" align="left" valign="top" scope="row">
      <div id="QNumber">4.2</div>
    </td>
    <td width="100%"  align="left" valign="top">
      <div id="QText">text</div>
    </td>
      </tr></table>
    </div>

 <div> 
 <table id="RTable">
   <tr>
   <td width="100%"  align="left" valign="top" style="padding-right:20px">
     <div id="Guidance"><p>content</p></div>
   </td>

   <td width="550" align="left" valign="baseline">
   <div id="Response" class="Response">
     <label><input type="radio" name="Radio402" value="Y" id="Radio_402Y" onchange='radioChange(this, "402")'>Yes</label>
    <label><input type="radio" name="Radio402" value="N" id="Radio_402N" onChange='radioChange(this, "402")'>No</label>

  </div>
  <span id="responseDetails">
   <div id="Observation">
   <label for="observation">Observation:</label>
   <textarea name="observation" id="Obs402" rows="6" disabled style="width: 530px;" placeholder="Enter text of observation here ..."></textarea></div>
  <div id="DueDate">
  <label for="DueDate">Due date:<br></label>
  <input name="DueDate" type="date" id="DueDate402"/>
  </div>

  <div id="proposedActions">
  <label for="porposedActions">Proposed actions:</label>
  <textarea name="proposedActions" id="pa402" rows="6" style="width: 530px;"></textarea>
  </div>
</span>
</td>
</tr>
</table>
</div>
</div> <!-- this div closes the accordion tab -->

4.2
文本
内容

对
不
观察：
截止日期：

拟议行动：

我想做的是有一个结构，允许我把整个问题包装起来，并在其中放置一个id，比如

<section id="Q001"> ... </section>

。。。

---

它从“QBlock”的正上方开始，在最后一个标签之前结束，但accordion似乎不允许任何其他包装。提前感谢。

您的问题是什么？我不能在QBlock上方放置更高的标签（div或section，甚至span），这样可以将整个问题包装起来。如果我这样做，手风琴就停止工作了。