jQuery hide()show()没反应？求大神支招

问题描述

问 题

 $(document).ready(function(){
    var $category = $('ul li:gt(5):not(:last)');           
    $category.hide();    //隐藏这部分，除了"其他品牌相机"                           
    $("span").click(function(){
          if($category.is(":visible")){
                $category.hide();                            
                $(this).text("显示全部品牌");                          
          }else{
                $category.show();                            
                $(this).text("精简显示品牌");                  
          }
        return false;                          
    })
})

下面是html部分：

 <div class="SubCategoryBox">
    <ul>
    <li ><a href="#">佳能</a><i>(30440) </i></li>
    <li ><a href="#">索尼</a><i>(27220) </i></li>
    <li ><a href="#">三星</a><i>(20808) </i></li>
    <li ><a href="#">尼康</a><i>(17821) </i></li>
    <li ><a href="#">松下</a><i>(12289) </i></li>
    <li ><a href="#">卡西欧</a><i>(8242) </i></li>//需要隐藏
    <li ><a href="#">富士</a><i>(14894) </i></li>//需要隐藏
    <li ><a href="#">柯达</a><i>(9520) </i></li>//需要隐藏
    <li ><a href="#">宾得</a><i>(2195) </i></li>//需要隐藏
    <li ><a href="#">理光</a><i>(4114) </i></li>//需要隐藏
   <li ><a href="#">奥林巴斯</a><i>(12205) </i></li>//需要隐藏
    <li ><a href="#">明基</a><i>(1466) </i></li>//需要隐藏
    <li ><a href="#">爱国者</a><i>(3091) </i></li>//需要隐藏
    <li ><a href="#">其它品牌相机</a><i>(7275) </i></li>
    </ul>
    <div class="showmore">
    <span>显示全部品牌</span>
    </div>
</div>

问题是(ul li:gt(5):not(:last))部分并没有隐藏，而且按钮显示全部品牌也没反应？？
下面是截图：

解决方案

敢问 jQuery 引用的是什么版本？我刚试了 1.11.3 下面没有问题

http://jsbin.com/dudakowavo/edit?html,js,output

希望有所帮助~ ：）

这篇关于jQuery hide()show()没反应？求大神支招的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！