//點擊切換 $(function(){ $(".nav-left ul li").click(function(){ //點擊切換1 tabChange($(this),$(".forum-container > div")); //內容選項卡 }) $(".dynamic-title ul li ").click(function(){ //點擊切換2 tabChange($(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>元素 }
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。