<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>example</title>
<style type="text/css">
body { width:760px; }
div { float:left; width:200px; margin:10px 20px; font-family:\5FAE\8F6F\96C5\9ED1; }
h3 { cursor:pointer; margin:0; border:1px solid black; color:white; background-color:green; }
ul { list-style:none; margin:5px 0; padding:5px 0; border:1px solid black; background-color:gold; display:none; }
.highlight{ color:black; background-color:gold; }
</style>
<script src="jquery-1.6.4.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$("h3").click(function(){
$(this).toggleClass("highlight")
.next("ul").toggle();
});
});
</script>
</head>
<body>
<div>
<h3>sub 1(click me)</h3>
<ul>
<li>param 1</li>
<li>param 2</li>
<li>param 3</li>
</ul>
</div>
<div>
<h3>sub 2(click me)</h3>
<ul>
<li>prama 1</li>
<li>prama 2</li>
<li>prama 3</li>
</ul>
</div>
<div>
<h3>sub3 (click me)</h3>
<ul>
<li>param 1</li>
<li>param 2</li>
<li>param 3</li>
</ul>
</div>
</body>
</html>
分享到:
相关推荐
插件描述:jQuery文章章节平滑切换动画特效. 参考示例:http://www.jq22.com/jquery-info4551
第1章 jQuery开发入门/1 1.1 jQuery概述/2 1.1.1 认识jQuery /2 1.1.2 jQuery基本功能/2 1.1.3 搭建jQuery开发环境/3 1.1.4 编写第一个简单的jQuery应用/3 1.1.5 jQuery程序的代码风格/5 1.2 jQuery的简单...
jQuery文章章节平滑切换过渡动画特效
jQuery源代码 本文主要以为学习参考书籍,为保证与书籍内容同步,以jQuery 1.7.2为学习版本进行。 本次学习主要使用“笨鸟多飞”的方式对相关例程代码进行逐行注释理解。 补充说明 多数情况下,内容不参考ES6新特性...
第17周-第02章节-Python3.5-jQuery 和Dom关系及jQuery版本.avi
jquery经典教程第六章节jquery经典教程第六章节jquery经典教程第六章节jquery经典教程第六章节jquery经典教程第六章节jquery经典教程第六章节jquery经典教程第六章节jquery经典教程第六章节
jquery经典教程第四章节jquery经典教程第四章节jquery经典教程第四章节jquery经典教程第四章节jquery经典教程第四章节jquery经典教程第四章节jquery经典教程第四章节jquery经典教程第四章节
jquery经典教程第八章节jquery经典教程第八章节jquery经典教程第八章节jquery经典教程第八章节jquery经典教程第八章节jquery经典教程第八章节jquery经典教程第八章节
第17周-第22章节-Python3.5-JQuery扩展.avi
第17周-第12章节-Python3.5-jQuery内容操作.avi
第24周-第11章节-Python3.5-ajax操作-JQuery的ajax.avi
第17周-第21章节-Python3.5-JQuery阻止事件发生.avi
第17周-第09章节-Python3.5-jQuery 样式以及属性操作.avi
第17周-第16章节-Python3.5-JQuery 事件绑定的方式.avi
第17周-第15章节-Python3.5-JQuery高度以及位置操作.avi
第17周-第03章节-Python3.5-jQuery选择器(一).avi
第18周-第04章节-Python3.5-组件BootStrap、EasyUI、JQueryUI1.avi
第17周-第20章节-Python3.5-JQuery扩展以及自动执行函数的应用.avi
第17周-第14章节-Python3.5-点赞以及jQuery css操作.avi
jQuery文章章节平滑切换动画特效.zip