テーブルや長文など長いコンテンツは、スクロールするときなど、サイト全体の縦幅が長くなってしまい、閲覧者も利用しづらいものになってしまいます。
そんなときにはアコーディオンなどで、コンテンツをまとめることによって見やすいサイトにすることができます。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
■html <section> <h2>タイトル</h2> <div> <p>アコーディオンで表示したい内容</p> </div> </section> ■js $(document).ready(function(){ $(".cont").hide(); $("h2").click(function() { if($(this).is(".selected")){ $(this).removeClass("selected"); }else { $(this).addClass("selected"); } $(this).next().stop(true,true).slideToggle("fast"); }); }); |
コメント