【自分用】シンプルなjQuery tab タブ

$(function(){

$("div#tabs1").css("display","block");

$("div#tabs2").css("display","none");

$("div#tabs3").css("display","none");

$("#tab_a").click(function(){

$(this).siblings().removeClass("current");

$(this).addClass("current");

$("div#tabs1").css("display","block");

$("div#tabs2").css("display","none");

$("div#tabs3").css("display","none");

});

$("#tab_b").click(function(){

$(this).siblings().removeClass("current");

$(this).addClass("current");

$("div#tabs1").css("display","none");

$("div#tabs2").css("display","block");

$("div#tabs3").css("display","none");

});

$("#tab_c").click(function(){

$(this).siblings().removeClass("current");

$(this).addClass("current");

$("div#tabs1").css("display","none");

$("div#tabs2").css("display","none");

$("div#tabs3").css("display","block");

});

});

<ul id="tabs">

<li class="current" id="tab_a">タブ１</li>

<li id="tab_b">タブ２</li>

<li id="tab_c">タブ３</li>

</ul>

<div id="tabs1" class="flow">

aaaaaaaaaaaaaaaaaaaaaa

</div>

<div id="tabs2" class="flow">

bbbbbbbbbbbbbbbbbbbbbb

</div>

<div id="tabs3" class="flow">

cccccccccccccccccccccc

</div>