js控制li的隐藏和显示实例代码

html页面

    
      

 全部({$count})
 钢琴谱({$count_pu})
 钢琴曲({$count_qu})
 钢琴专辑({$count_zhuanji})
 钢琴全集({$count_quanji})
 钢琴视频({$count_shipin})
      
    

    
      

 {loop $info $r}
 



  


  {$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();
    }
　　});
}

【效果预览】

以上就是小编为大家带来的js控制li的隐藏和显示实例代码全部内容了，希望大家多多支持考高分网~