本文实例讲述了jQuery简单实现列表隐藏和显示效果。分享给大家供大家参考，具体如下：

！doctype html html lang=' en ' hearta charset=' UTF-8 '标题隐藏和显示/title style * { padd : 0；保证金： 0；}李{列表式-类型：无；}车身{ margin : 50px } a { text-decoration : none；color : # f00 } ul { border :3 px solid # abcdef；宽度： 200像素；显示器：无；}span{cursor:指针；}/样式/床头柜更多/spanul lia href='# '列表一/a/li lia href='# '列表二/a/li lia href='# '列表三/a/li lia href='# '列表四/a/li lia href='# '列表五/a/Li/ulscript src=' http : jquery-1。7 .2 .量滴js '/script script $(function(){ var OBtn=$(' span ')；var Ocontent=$(' ul ')；奥宾。单击(function(){/* if(ocontent)。是(' :可见'){ ocontent。向上滑动()；} else { ocontent。向下滑动()；} */ocontent。滑动切换()；});});/脚本/正文/html运行效果图如下：

更多关于jQuery相关内容感兴趣的读者可查看本站专题： 《jQuery扩展技巧总结》 、 《jQuery常用插件及用法总结》 、 《jQuery拖拽特效与技巧总结》 、 《jQuery表格(table)操作技巧汇总》 、 《jquery中Ajax用法总结》 、 《jQuery常见经典特效汇总》 、 《jQuery动画与特效用法总结》 及《jquery选择器用法总结》

希望本文所述对大家jQuery程序设计有所帮助。