js控制li的隐藏和显示

（html页面）

      

          

             
•  showli(1);">全部({$count})

             
•  showli(60);">钢琴谱({$count_pu})

             
•  showli(525);">钢琴曲({$count_qu})

             
•  showli(531);">钢琴专辑({$count_zhuanji})

             
•  showli(541);">钢琴全集({$count_quanji})

             
•  showli(14);">钢琴视频({$count_shipin})

          

      

        

           

                {loop $info $r}
                
• sl{$r[parentid]}">
  

                  

  
                   

  {$r[title]}

  
                    {date("Y-m-d",$r[adddate])}
                   
                   

                {/loop}
            

        

   

（js代码）

function showli(pid){
    var arrnav = ["1", "525", "531","541","60","14"];
    if(pid=='1'){ // 如果是1就显示全部的li标签
        $("ul.navigation li").show();
        return false;
    }

    // 否则就显示对应的class="s1"+pid的li标签

    $.each(arrnav, function(i, item){
        if(item==pid){
            $("ul.navigation li.sl"+pid).show();
        }else{
            $("ul.navigation li.sl"+item).hide();
        }
　　});
}

【效果预览】