次のような定義リストがあります。
<dl>
<dt>Status</dt>
<dd>Blue</dd>
<dt>Last Updated</dt>
<dd>16/05/2013</dd>
<dt>Overview/summary:</dt>
<dd>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis amimus lacus sed imperdiet consequat, orci nisl pretium nunc, sed lobortis ligula neque. Quisque vitae sem dolor scelerisque urna. Integer placerat scelerisque ipsum. Aliquam imperdiet interdum magna eget vulputate. Donec interdum tincidunt tortor, eget condimentum magna suscipit et. Curabitur bibendum elit sit amet nisi pharetra vitae venenatis metus</dd>
<dt>Past Dates:</dt>
<dd>16/05/2013, 15/05/2013, 14/05/2013</dd>
<dt>Future Dates:</dt>
<dd>United Kingdom</dd>
</dl>
リストの後半を表示および非表示にするには、表示/非表示タイプのエフェクトを使用する必要があります。
すなわち。「概要・まとめ」から下へ。
次のように、折りたたみ可能な情報を div でラップしたいと思います。
<dl>
<dt>Status</dt>
<dd>Blue</dd>
<dt>Last Updated</dt>
<dd>16/05/2013</dd>
<div class="js-collapsible">
<dt>Overview/summary:</dt>
<dd>Lorem ipsum dolor sit amet</dd>
<dt>Past Dates:</dt>
<dd>16/05/2013, 15/05/2013, 14/05/2013</dd>
<dt>Future Dates:</dt>
<dd>United Kingdom</dd>
</div>
</dl>
しかし、これは意味的に意味がありますか? このアプローチは構造を危うくしているように感じます。
どんな提案も素晴らしいでしょう:)
ありがとう