ベーシックなアニメーションエフェクト付きのタブ - かちびと.net

Result jQuery var p = $("article"), t = $("#tabs li a"); p.hide(); t.click(function(e) { e.preventDefault(); p.hide(); ph = $(this.hash).outerHeight(); $(this.hash).show().parent().animate({ "height": ph }); t.removeClass("selected"); $(this).addClass("selected"); }).filter(':first').click();​ html <ul id="tabs"> <li><a href="#panel1">Panel 1</a></li> <li><a href="#panel2">Panel 2</a></li> <li><a