slideToggle()を使用したアコーディオンメニューのサンプル

slide toggle

Hello world!

<dl>
  <dt>slide toggle</dt>
  <dd>Hello world!</dd>
</dl>

dt, dd {
  cursor: pointer;
  padding: 10px;
  border: 1px solid #000;
}
dd {
  display: none;
  margin: 0;
}

$('dt').on('click', function() {
  $('dd').slideToggle();
});

元記事を表示する