jquery点击切换页面多个点击切换代码封装

//点击切换
$(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元素中的索引。
    obj1.addClass("dynamic-active")            //当前
元素高亮
    .siblings().removeClass("dynamic-active");  //去掉其它同辈
元素的高亮
    //选取子节点。不选取子节点的话，会引起错误。如果里面还有div 
    obj2.eq(num).show()   //显示 
元素对应的元素
    .siblings().hide(); //隐藏其它几个同辈的元素  
}

分享名称：jquery点击切换页面多个点击切换代码封装
网站地址：http://kswjz.com/article/jijede.html

扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流

jquery点击切换页面多个点击切换代码封装

扫二维码与项目经理沟通

其他资讯

行业动态

企业网站建设的重要性！

服务项目

网站建设

移动端/APP

微信/小程序

技术支持

其它服务

更多服务项目

联系吧在百度地图上找到我们

电话：13518219792

jquery点击切换页面多个点击切换代码封装

扫二维码与项目经理沟通

其他资讯

行业动态

企业网站建设的重要性！

服务项目

网站建设

移动端/APP

微信/小程序

技术支持

其它服务

更多服务项目

联系吧 在百度地图上找到我们

电话：13518219792

联系吧在百度地图上找到我们