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

超文本标记语言页面

' div class='收藏夹_ list ' div class=' list _ type ' id=' list _ type ' ul class=' all ' lia href=' JavaScript : void(0)；'onclick=' show Li(1)；'全部(span class=' nums ' { $ count }/span)/a/Li lia href=' JavaScript : void(0)；'onclick=' show Li(60)；'钢琴谱(span class=' nums ' { $ count _ pu }/span)/a/Li lia href=' JavaScript : void(0)；'onclick=' show Li(525)；'钢琴曲(span class=' nums ' { $ count _ qu }/span)/a/Li lia href=' JavaScript : void(0)；'onclick=' show Li(531)；'钢琴专辑(span class=' nums ' { $ count _ zhaji }/span)/a/Li lia href=' JavaScript : void(0)；'onclick=' show Li(541)；'钢琴全集(span class=' nums ' { $ count _ quan Ji }/span)/a/Li lia href=' JavaScript : void(0)；'onclick=' show Li(14)；'钢琴视频(span class=' nums ' { count _ shipin }/span)/a/Li/ul/div class=' list _ content ' ul class=' navigation ' id=' navigation ' { loop $ info $ r } Li id=' t1 ' class=' sl { $ r[parent id]} '！-此处的班级复制了一个变量，该变量的值可能是[60，525，531，542，14]-a href=' { $ r[URL]} ' target=' blank ' H3 { $ r[title]}/H3/a span class=' date ' { date '(Y-m-d '，$ r[add date])}/span a class=' delete ' href=' JavaScript : void(0)' onclick=' confirm del({ $ r[id]})；'img src=' http :http://www。hqgq。com/statics/www _ images/收藏夹/delete。jpg/a/Li {/loop }/ul/div/div js代码

函数showli(pid){ var arrnav=['1 '，' 525 '，' 531 '，' 541 '，' 60 '，' 14 ']；if(pid=='1'){ //如果是一就显示全部的里标签$('ul.navigation li ').show()；返回false} //否则就显示对应的class='s1' pid的里标签$.每个(arrnav，函数(I，item){ if(item==PID){ $(' ul。导航李。sl ' PID).show()；}else{ $('ul.navigation li.sl '项)。hide()；}});}【效果预览】

以上就是小编为大家带来的射流研究…控制里的隐藏和显示实例代码全部内容了，希望大家多多支持我们~