选项卡功能 js、jquery

jquery：

法一：

思路：根据点击项是第几个元素（index），来控制第几个显示，代码如下：

html:

    

        任务要求
        附件下载
        提交样板
        推手稿件
    
    

        0
    
    

        1
    
    

        2
    
    

        3
    

js:

css:

点击下载法一demo

---

法二：

思路：用id控制哪项显示/隐藏，代码如下：

html:

    

       
导航菜单
       
焦点幻灯片
       
广告代码
       
网页特效
       
网页特效
    
    

        

           
111
        
            
        

            
222
        
    
        

            
333
        
    
        

            
444
        

        

            
555
        
    

js:

css:

点击下载法二demo

---

js：

思路：用闭包函数绑定两个ul之间中对应的li
html:

    

        
全部订单
        
已发货订单
        
完成订单
        
失效订单
    
    

        

        

        

        

    

js:

css:

点击下载 js demo

茫茫人海中，你能有缘搜到我的，希望我的总结能对你有帮助~