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.