jqueryの実装コード tabs_jquery

キーコード:

コードをコピー コードは次のとおりです:

$(function(){
$(".tabs li").eq(0).css("background","#499AFF");
$(".tabs div").eq(0).show();
$(".tabs>ul>li").click(function(i){
$(this).css("background","#499AFF").siblings().css("background "," #ffffff");
$(".tabs div").eq($("li").index(this)).show().siblings("div").hide();
return false;
})
})

デモ (「コードの実行」後に一度更新してください):

<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>jQuery </title>