jQuery CSS实现菜单滑动伸展收缩（仿淘宝)

功能很实用，代码非常的简单效果1.

效果2.

样式代码如下：复制代码代码如下： body、div、dl、dt、dd、ul、ol、li、h1、h2、h3、h4、h5、h6、br、pre、form、fieldset、input、textarea、p、blockquote、th、TD { margin 33600 padd :0 } span { color : # ff2b 13 } a { text-decoration : none；颜色： # 515050 } a :悬停{文本装饰：下划线；颜色：红色} .box _ all { overflow:hidden宽度宽度：350像素字体系列： '微软雅黑；font-size :14 pxborder:1px实心# EEEEEEE边框-top:2px实心# f57a 04 adding :0 0 10px 0 margin 33600 auto } .box { padding-left :45 px；填充-top:5px } .方框李{行高：20 px右边距：30 px宽度宽度：120 pxtext-向左对齐：float:left列表样式-type:none } .box down { cursor : pointer border :1 px实心# EEEEEEE宽度：60 px高度：14px背景：#FFFFFF网址（./图像/向下。png)不重复20px左边距left :150 pxmargin-top :-2px；边框-top :无；margin:0 auto } .up { cursor : pointerborder :1 px实心# EEEEEEE宽度：60 px高度：14px背景：#FFFFFF网址（./images/up。png)不重复20px左边距left :150 pxmargin-top :-2px；边框-top :无；margin:0 auto } js主要代码如下：复制代码代码如下：美元（文件)。ready(function(){ var a=$(').ul Li : gt(3): not(: last)')；a . hide()；$('.方框下移').单击(function(){ if(a . is(' : visible ')} { a .上滑(' fast ')；$(这个)。移除CLaSS(' up ')；}else{ a.slideDown('fast ').show()；$(这个)。addCLaSS(' up ')；} });});