tab标签切换

来源:互联网 发布:ubuntu wq保存退出 编辑:程序博客网 时间:2024/06/06 03:51

1、html代码:

<ul id="f_tabsFour" class="nav nav-tabs hide_query">
       <li class="active"><a id="queryInfo" href="#tab-5-1"><i class="fa fa-user"></i>查询信息</a></li>
       <li><a href="#tab-5-2" data-toggle="tab"><i class="fa fa-briefcase"></i>SQL脚本</a></li>

</ul>

2、jQuery代码:

$("#f_tabsFour li:first").addClass("active").siblings().removeClass("active");//li标签切换
$("#tab-5-1").addClass("active").siblings().removeClass("active");//标签下的内容切换

原创粉丝点击