jQueryFAQs问答垂直手风琴切换.zip资源-CSDN文库

共6个文件

css：3个

js：2个

html：1个

版权申诉

javascript

jQuery

html5

104 浏览量 2022-11-19 19:46:42 上传评论收藏 66KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

jQuery FAQs问答垂直手风琴切换.zip （6个子文件）

jQuery FAQs问答垂直手风琴切换

jiaoben4269

css

zzsc.css 326B

reset.css 774B

style.css 1KB

index.html 2KB

jquery-1.11.0.min.js 94KB

jquery-2.1.1.min.js 82KB

<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>jQuery FAQs问答垂直手风琴切换 - 网页模板</title> <link rel="stylesheet" type="text/css" href="css/reset.css" /> <link rel="stylesheet" type="text/css" href="css/zzsc.css"> <link rel="stylesheet" href="css/style.css"> </head> <body> <div class="container"> <dl> <dt>Why am I so awesome?</dt> <dd> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci aliquam incidunt itaque mollitia eligendi, doloribus commodi a culpa ratione aspernatur!</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae rerum molestiae laboriosam nobis odit.</p> </dd> <dt>What is the meaning of life?</dt> <dd> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci aliquam incidunt itaque mollitia eligendi, doloribus commodi a culpa ratione aspernatur!</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae rerum molestiae laboriosam nobis odit.</p> </dd> <dt>How did I get here?</dt> <dd> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci aliquam incidunt itaque mollitia eligendi, doloribus commodi a culpa ratione aspernatur!</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae rerum molestiae laboriosam nobis odit.</p> </dd> <dt>Why am I doing this?</dt> <dd> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci aliquam incidunt itaque mollitia eligendi, doloribus commodi a culpa ratione aspernatur!</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae rerum molestiae laboriosam nobis odit.</p> </dd> </dl> </div> <script src="js/jquery-1.11.0.min.js" type="text/javascript"></script> <script type="text/javascript"> (function(){ $('dd').filter(':nth-child(n+4)').addClass('hide'); $('dl').on('click', 'dt', function() { $(this).next().slideToggle(200); }); })(); </script> <div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';"> <p>适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.</p> <p>来源：<a href="http://www.moobnn.com/" target="_blank">网页模板</a></p> </div> </body> </html>

评论收藏

内容反馈

版权申诉