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

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>隐藏和显示</title>
<style>
*{ padding: 0; margin: 0;}
li{ list-style-type: none;}
body{ margin: 50px;}
a{ text-decoration: none; color:#f00;}
ul{ border:3px solid #abcdef; width: 200px; display: none;}
span{cursor: pointer;}
</style>
</head>
<body>
<span>更多</span>
<ul>
<li><a href="#">列表一</a></li>
<li><a href="#">列表二</a></li>
<li><a href="#">列表三</a></li>
<li><a href="#">列表四</a></li>
<li><a href="#">列表五</a></li>
</ul>
<script src="jquery-1.7.2.min.js"></script>
<script>
$(function(){
var oBtn = $('span');
var oContent = $('ul');
oBtn.click(function(){
/*if(oContent.is(':visible')){
oContent.slideUp();
}else{
oContent.slideDown();
}*/
oContent.slideToggle();
});
});
</script>
</body>
</html>
运行效果图如下:
更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery扩展技巧总结》、《jQuery常用插件及用法总结》、《jQuery拖拽特效与技巧总结》、《jQuery表格(table)操作技巧汇总》、《jquery中Ajax用法总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
相关推荐:
SEO包月服务:助力企业提升网站排名与流量的长期利器,建设充值网站是什么
VPS加速器实现免加速,极速网络探索新境界!
seo网站关键字排名优化,网站seo关键词 ,环形拼图海报AI咋做
香港VPS访问日本网络是否畅通无阻?深度解析网络边界问题!
CentOS 6.8上快速搭建VPS SS指南
seo权重指的是什么,seo权重如何提升 ,百度文库ai助手写作查重率高吗
SEO经营:助力企业腾飞的秘密武器,如何正确优化网站
SEO是什么化学,seo是啥意思啊 ,牛奶包装ai关键词
SEO针对中小企业的增长潜力:如何通过精准优化抢占市场先机,滨州关键词排名优化
关键词优化上海,关键词优化技术公司 宁波本地抖音seo
seo有什么核心技术,seo有什么核心技术吗 ,ai-xuan.
泰国VPS服务器性能全面测评,速度与稳定性揭秘
SEO自己:打造属于你的数字营销利器,广西建设网站公司
揭秘流畅观影秘籍,无忧VPS视频观看体验,告别卡顿烦恼!
SEO表述:如何通过精准优化让你的内容脱颖而出,山东婚庆网站建设
seo是什么职业莱芜seo,seo是什么行业 网站seo分析分析总结
为什么行业都要做seo,为什么要做seo ,ai酒瓶曲线
SEO兼职:如何通过SEO兼职实现收入增长与职业突破,东营网站优化公司
SEO项目:如何通过精确优化提升企业网站排名与转化率,seo优化软件排名
什么叫改写-解读“改写”背后的艺术与技巧,东营网站建设大作业
为什么关键词太少会影响你的网络营销效果?,女装类目搜索关键词排名
电脑机房停电会怎么样?
SEO有话:如何用精准优化助力企业在线增长,网站优化人员软文推广
seo网站编辑是做什么,seo网站编辑可在家兼职 ,suno ai授权
台州抖音seo是什么,抖音视频seo 酉阳智能化网站建设
seo有什么职业,seo做什么工作内容 ,炮姐ai
SEO站在未来之巅,助力网站在激烈竞争中脱颖而出,洞头抖音关键词排名优化
SEO自行:提升网站流量的秘密武器,php网站建设情况
甲骨文VPS 2020全景解析,功能优势与特点一网打尽揭秘
钢厂风机房岗位怎么样?
SEO挣钱之道:如何通过SEO实现网络盈利,查抖音博主推广价钱网站
VPS共享服务能否搭建网站?一文解答所有疑问!
SEO量:提升网站流量和排名的关键法则,市场营销商业推广面试
SEO那么重要,企业如何通过它脱颖而出?,郑州建设网站制作app
seo外链用什么形式,seo外链用什么形式好 saas网站建设优劣
SEO对策:提升网站排名与流量的必备策略,深圳网站建设找哪家
SEO招标:如何通过专业SEO服务助力企业脱颖而出,昆明短视频seo定制
SEO要点:提升网站排名的核心技巧与策略,北京招聘网站排名优化
SEO要不,来看看如何通过SEO优化提高网站流量和曝光度,网站排名seo推广优化
seo能干什么工作,做seo工作真的可以吗 社区营销推广
SEO要素:优化网站排名的关键因素全解析,seo项目案例分享
SEO注意事项:助力网站流量提升的关键策略,爱心元素关键词优化排名
“收录量为1”,打造数字化时代的独特竞争力,如何加入饭店网站推广员
seo有什么优缺点,seo有哪些优缺点 建设网站设计讲究
SEO合作:让你的网站在搜索引擎中脱颖而出,网站功能布局优化方法
静安机房迁移系统怎么样?
seo是什么通俗解释,seo到底是什么 ,小ai点唱
SEO监控:精准把握网站排名与优化成效的利器,金峰辉网站建设
机房放映员 怎么样?
SEO添加:提升网站流量与排名的必备策略,沈阳网站优化服务商