jQuery实现的一个tab切换效果内部还嵌有切换_jquery

大致效果如图

下面是代码：自己导入jQuery包。

样式：

js代码：

html结构：

 
 

要闻
国内
时尚
旅游
科技

 
 
 

01
02
03

 
1aaa看你是些在li标签里面还是些在li 的a标签里面如果是1aaa
 
1bbb看你是些在li标签里面还是些在li 的a标签里面如果是1bbb
 
1ccc看你是些在li标签里面还是些在li 的a标签里面如果是1ccc
 
 
 

01
02
03

 
2aaa看你是些在li标签里面还是些在li 的a标签里面如果是1aaa
 
2bbb看你是些在li标签里面还是些在li 的a标签里面如果是1bbb
 
2ccc看你是些在li标签里面还是些在li 的a标签里面如果是1ccc
 
 
 

01
02
03

 
3aaa看你是些在li标签里面还是些在li 的a标签里面如果是3aaa
 
3bbb看你是些在li标签里面还是些在li 的a标签里面如果是3bbb
 
3ccc看你是些在li标签里面还是些在li 的a标签里面如果是3ccc
 
 
 
 

01
02
03

 
4aaa看你是些在li标签里面还是些在li 的a标签里面如果是4aaa
 
4bbb看你是些在li标签里面还是些在li 的a标签里面如果是4bbb
 
4ccc看你是些在li标签里面还是些在li 的a标签里面如果是4ccc
 

 
 

01
02
03

 
5aaa看你是些在li标签里面还是些在li 的a标签里面如果是5aaa
 
5bbb看你是些在li标签里面还是些在li 的a标签里面如果是5bbb
 
5ccc看你是些在li标签里面还是些在li 的a标签里面如果是5ccc