css - dl dt dd 标签 - 我们可以在 dd 之间添加任何标签吗？

Question

我的菜单是用dl dt dd标签设计的。 “一”、“二”……是菜单项。 'Header' 是菜单标题。

<dl>
    <dt>Header</dt>
    <dd>One</dd>
    <dd>Two</dd>
    <dd>Three</dd>
    <dd>Four</dd>
    <dd>Five</dd>
</dl>

我的问题是，如果单击 Header 标签，“一”、“二”……选项应该被隐藏。为此，我在 div 中添加了那些 dd 选项。我知道在 dl 中不允许添加 div。我怎么解决这个问题？谢谢

<dl>
    <dt>Header</dt>
    <div id="menuOptions">
    <dd>One</dd>
    <dd>Two</dd>        
    <dd>Three</dd>
    <dd>Four</dd>
    <dd>Five</dd>
    </div>
</dl>

Answer 1

我推荐以下作为 HTML 结构:

<dl>
    <dt>Header</dt>
    <dd>
       <ul>
          <li>One</li>
          <li>Two</li>        
          <li>Three</li>
          <li>Four</li>
          <li>Five</li>
       </ul>
    </dd>
</dl>

您的术语 (dt) 应该只有 1 个定义 (dd)。