jquery點擊切換diam封裝

標籤：jquery   選項卡切換   

//點擊切換$(function(){$(".nav-left ul li").click(function(){    //點擊切換1tabChange($(this),$(".forum-container > div")); //內容選項卡})$(".dynamic-title ul li ").click(function(){            //點擊切換2tabChange($(this),$(".dynamic-container > div"));})$(".tt-personal ul li ").click(function(){tabChange($(this),$(".formPer-con > div"));})$(".forum-search-left ul li ").click(function(){tabChange($(this),$(".forum-search-right > div"));})})//切換代碼function tabChange(obj1,obj2){var num = obj1.index(); // 擷取當前點擊的<li>元素 在 全部li元素中的索引。    obj1.addClass("dynamic-active")            //當前<li>元素高亮    .siblings().removeClass("dynamic-active");  //去掉其它同輩<li>元素的高亮    //選取子節點。不選取子節點的話，會引起錯誤。如果裡面還有div     obj2.eq(num).show()   //顯示 <li>元素對應的<div>元素    .siblings().hide(); //隱藏其它幾個同輩的<div>元素  }

jquery點擊切換diam封裝