Question

我有一个手风琴菜单，工作正常。但是，我希望有一个包装标签来表示整个手风琴内容。

Accordion在手风琴内容中提出了一个问题（在其中）及用户的回应。

这就是我所拥有的：

<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 -->

我想做的是有一个结构允许我包装整个问题并为其添加一个id，例如

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

从右上方开始“QBlock”并在最终标签之前结束，但手风琴似乎不允许任何其他包装。提前谢谢。

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

0 个答案: