web前端|js教程
jQuery,折叠菜单,折叠面板
web前端-js教程
本文实例讲述了jQuery实现的简单折叠菜单(折叠面板)效果代码。分享给大家供大家参考。具体如下：
许愿墙asp源码,vscode高级使用技巧,ubuntu 天猫,怎么引用tomcat,ios sqlite3锁,联系表2插件下载,兼容浏览器最好的前端框架,骷髅岛爬虫模拟器,php判断字符编码,seo外包价格多少,织梦免费网站模块下载,网页自动答题代码,留言板 html模板下载lzw
这是一款基于jQuery实现的折叠菜单，可展开一些内容，实际上称它为一个面板比较好，是一个折叠面板，使用了jQuery1.6.2插件。
日历行程表源码,ubuntu清除bond配置,图片爬虫搜不到,php numerif,湖州seo推荐lzw
运行效果截图如下：
a站c值视频播放器源码,vscode切换移动端快捷键,ubuntu的nyy,tomcat七个文件,长春爬虫卖家,我赢职场php,商洛专业的抖音seo团队lzw
在线演示地址如下：
/js//jquery-simple-toggle-zd-menu-codes/
具体代码如下：
jQuery 折叠菜单 by Sam Zhang* { margin:0px; padding:0px; }body { background:transparent url(images/bg.jpg) repeat scroll left top;font-size:14px; }ul, li, p, h1, h2, h3, div, label, input, form { list-style:none; padding:0px; margin:0px; }#header { width:600px; margin:20px auto 0; color:#ffffff; background:transparent url(images/header1.jpg) repeat-x scroll left top; height:90px; line-height:90px; font-size:20px; overflow:hidden; }#header p { padding-left:15px; font-weight:bold; }#header p span.date { float:right; padding-right:15px; font-size:14px; padding-top:10px; font-weight:normal; }.content { width:596px; _height:430px; min-height:430px; margin:0 auto; border:2px solid #AAAA00; border-top:none; background-color:#FFFFFF; overflow:hidden; }.toggle { width:450px; margin:20px auto; }.toggle dl dt { background:#F4FFF4 url(images/bg_toggle_up.jpg) no-repeat scroll 8px 14px; height:40px; width:450px; line-height:40px; font-size:16px; font-weight:bold; color:#006600; cursor:pointer; margin:8px 0; padding-left:25px; display:block; }.toggle dl dt.current { background:#F4FFF4 url(images/bg_toggle_down.jpg) no-repeat scroll 8px 14px; }.toggle dl dd { padding-left:10px; line-height:24px; }.toggle dl dd h2 { font-size:15px; }.toggle dl dd ul { padding-bottom:12px; }.toggle dl dd ul li { list-style:decimal inside none; }$(function(){ $(".toggle dl dd").hide(); $(".toggle dl dt").click(function(){$(".toggle dl dd").not($(this).next()).hide();$(".toggle dl dt").not($(this).next()).removeClass("current");$(this).next().slideToggle(500);$(this).toggleClass("current");}); });
时间：/8/3jQuery 折叠菜单By Sam Zhang
web 前端开发工程师（工作地点:上海、广州） 工作职责： 简单分析用户数据，整理用户需求导向； 对在用户浏览器端的最终视觉呈现负责； 和后台工程师一起研讨技术实现方案，制定服务接口等； 职位要求： 本科以上学历，习惯阅读英文原版技术文档和书籍； 对可用性、可访问性等相关知识有深刻的认识和实践经验； 掌握至少一门非前端脚本开发语言（如PHP/Python等）；web 前端开发工程师（工作地点:上海、广州） 工作职责： 对在用户浏览器端的最终视觉呈现负责； 持续的优化前端体验和页面响应速度； 和后台工程师一起研讨技术实现方案，制定服务接口等； 职位要求： 本科以上学历，习惯阅读英文原版技术文档和书籍； 熟悉至少一种JS框架（如YUI/JQuery等），我们目前主要使用YUI； 掌握至少一门非前端脚本开发语言（如PHP/Python等）；web 前端开发工程师（工作地点:上海、广州） 工作职责： 简单分析用户数据，整理用户需求导向； 对在用户浏览器端的最终视觉呈现负责； 使用HTML/CSS/Javascript开发符合W3C标准的网站前端页面； 职位要求： 精通XHTML/CSS/Javascript等前端技术，兼容多种浏览器的代码； 熟悉至少一种JS框架（如YUI/JQuery等），我们目前主要使用YUI； 掌握至少一门非前端脚本开发语言（如PHP/Python等）；
