今天跟着资料做了一个示例，为什么我感觉自己做的没书上的好看呢？好吧，我承认自己对css样式只懂一点皮毛，我也不准备深度的去学习它，因为……公司有美工嘛！
这个小示例只是实现了元素的隐藏和显示、元素class属性的添加与移除，HTML代码如下：
<div class="SubCategoryBox"> <ul> <li><a href="#">佳能</a><i>(30440)</i></li> <li><a href="#">索尼</a><i>(30440)</i></li> <li><a href="#">三星</a><i>(30440)</i></li> <li><a href="#">尼康</a><i>(30440)</i></li> <li><a href="#">松下</a><i>(30440)</i></li> <li><a href="#">卡西欧</a><i>(30440)</i></li> <li><a href="#">富士</a><i>(30440)</i></li> <li><a href="#">柯达</a><i>(30440)</i></li> <li><a href="#">宾得</a><i>(30440)</i></li> <li><a href="#">理光</a><i>(30440)</i></li> <li><a href="#">奥林巴斯</a><i>(30440)</i></li> <li><a href="#">明基</a><i>(30440)</i></li> <li><a href="#">爱国者</a><i>(30440)</i></li> <li><a href="#">其它品牌相机</a><i>(30440)</i></li> </ul> <br /> </div> <div class="showmore"> <a href="#"><span>显示全部品牌</span></a> </div>