jQuery tab切换收集

1.切换一

$(".tab_content").hide(); $("ul.tabs li:first").addClass("active").show(); $(".tab_content:first").show(); $("ul.tabs li").click(function() {      $("ul.tabs li").removeClass("active");    $(this).addClass("active");     $(".tab_content").hide();    var activeTab = $(this).find("a").attr("href");     $(activeTab).fadeIn();    return false;  }); 

2.切换二

$('#tit span').click(function() {   var i = $(this).index();//下标第一种写法    //var i = $('tit').index(this);//下标第二种写法    $(this).addClass('select').siblings().removeClass('select');    $('#con li').eq(i).show().siblings().hide();});

3.切换三

$(".opennav li").hover(function(){     $(".opennav li").removeClass("openhover");       $(this).addClass("openhover");    $(".openli").hide();    $(".openli").eq($(".opennav li").index(this)).show();});