WEBサイト制作の勉強

WEBサイト制作の勉強の為の解説ブログです。

レスポンシブに対応したアコーディオンパネル

<body>
<div class="seminar toggle">
<h2><a href="#">セミナー<span class="plus-icon close"></span></a></h2>
<dl class="informationLink se">
<dt>2017年2月11日</dt><dd><a href="#">テキストテキストテキストテキストテキスト</a></dd>
<dt>2017年1月19日</dt><dd><a href="#">テキストテキストテキストテキストテキスト</a></dd>
<dt>2016年12月14日</dt><dd><a href="#">テキストテキストテキストテキストテキスト</a></dd>
<dt>2016年10月10日</dt><dd><a href="#">テキストテキストテキストテキストテキスト</a></dd>
<dt>2016年9月29日</dt><dd><a href="#">テキストテキストテキストテキストテキスト</a></dd>
</dl>
</div><!--/seminar-->

<div class="information toggle">
<h2><a href="#">お知らせ<span class="plus-icon"></span></a></h2>
<dl class="informationLink">
  <dt>2017年2月18日</dt><dd><a href="#">採用情報を更新しました</a></dd>
  <dt>2017年2月11日</dt><dd><a href="#">実績紹介を更新しました</a></dd>
  <dt>2017年2月1日</dt><dd><a href="#">サービスが紹介されました</a></dd>
  <dt>2017年1月25日</dt><dd><a href="#">社内ブログを開設しました</a></dd>
</dl>
</div><!--/information-->
</body>
</html>