`
corangecn
  • 浏览: 60517 次
文章分类
社区版块
存档分类
最新评论

jquery点击展开和关闭 内容部分,可以一次展开多个和点击按钮一次全部展开

 
阅读更多

jquery点击展开和关闭 内容部分,可以一次展开多个和点击按钮一次全部展开 编辑 删除

2013-12-21
 
http://www.corange.cn//uploadfiles/1101_43859.jpg


演示地址:http://www.corange.cn/demo/3715/index.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery点击展开和关闭 内容部分,可以一次展开多个和点击按钮一次全部展开 </title>

<link rel="stylesheet" type="text/css" href="styles.css" />

</head>

<body>

<div id="page">

<div id="headingSection">
<a class="button expand" href="#">Expand</a>
</div>

<div id="faqSection">
<dl>
<dt><span class="icon"></span>How does this FAQ section work?</dt>
<dd>With the help of jQuery and YQL, this script pulls the latest data ..</dd>

<dt><span class="icon"></span>Can you modify it?</dt>
<dd>This is the best part of it - you can change the contents ..</dd>
</dl>
</div>

</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="script.js"></script>
</body>
</html> 

分享到:0


原文地址:http://www.corange.cn/archives/2010/11/3715.html

0
0
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics