「jQuery」fadeToggle()で開閉式のメニューを実装する
書式
$(selector).fadeToggle(speed,callback);
サンプルコード
<script src="/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){ $("button").click(function(){ $("#div1").fadeToggle(); $("#div2").fadeToggle("slow"); $("#div3").fadeToggle(3000); }); }); </script> <button>fadeToggle() のサンプル</button> <br><br> <div id="div1" style="height:60px;background-color:red;"></div> <br> <div id="div2" style="height:60px;background-color:green;"></div> <br> <div id="div3" style="height:60px;background-color:blue;"></div>