html页面
- 全部({$count})
- 钢琴谱({$count_pu})
- 钢琴曲({$count_qu})
- 钢琴专辑({$count_zhuanji})
- 钢琴全集({$count_quanji})
- 钢琴视频({$count_shipin})
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的隐藏和显示实例代码全部内容了,希望大家多多支持脚本之家~