jQuery


$(document).ready(function () {
            var $category = $("ul li:gt(5):not(:last)");
            $category.hide();
            var $togBtn = $("div.showmore > a");
            $togBtn.click(function () {
                if ($category.is(" :visible")) {
                    $category.hide();
                    $(".showmore a span").css("background", "#888").text("显示全部品牌！");
                }
                else {
                    $category.show();
                    $(".showmore a span").css("background", "#888").text("精简显示品牌！");
                }
                return false;
            })
        });<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">
            <a href="Default.aspx"><span>显示全部品牌</span></a></div>
    </div>div.SubCategoryBox
        {
            width: 500px;
            height: 500px;
            text-align: center;
        }
        .SubCategoryBox ul
        {
            list-style-type: none;
            text-align: center;
        }
        .SubCategoryBox ul li
        {
            display: inline;
            padding-left: 10px;
        }
运行后，点击“显示全部品牌”没反应。请问是什么问题？