pxkw.hatenadiary.com

めもめも

dlをslideToggleする

参考: 超簡単jQuery!"toggle系メソッド"を使ってアコーディオンメニューやタブをさくっと実装する方法 | 株式会社LIG

ミニマルなコードはこんな感じかな

<div id="dlSlideToggleSample">

  <dl>
    <dt class="trigger">Click me to show/hide item.</dt>
    <dd style="display:none"> Can you see me?</dd>
  </dl>

  <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
  <script>
    $(function(){
      $(".trigger").click( function() {
        $(this).next().slideToggle(125);
      });
    });
  </script>

</div>

Click me to show/hide item.
Can you see me?