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

大致效果如图

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

样式：

 
body,ul,li,div,a{margin:0px;padding:0px;} 
body{margin-top:10px;margin-left:15px;} 
#all{border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;width:255px;} 

#title li{float:left;list-style:none;width:50px;border-top:2px solid #f60;border-right:1px solid #ccc;text-align:center; 
padding-top:3px;} 
#title li:last-child{border-right:1px solid #fff;} 
.new{border-bottom:1px solid #fff;color:#f60;} 
.old{border-bottom:1px solid #ccc;} 
#content{clear:both;} 
#content ul{margin-left:5px;list-style:none;float:left;} 
#content li{width:40px;height:30px;background-color:#f60;text-align:center;color:#fff;} 
.inContent{width:205px;height:90px;background-color:#f6c;margin-left:50px;} 

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