jquery实现点击文字展开隐藏代码_中国网站频道，官方网站，中国品牌网站，网页特效，JS广告，网站截图，酷站推荐，图标，APP，按钮，中国网站第一品牌频道网站频道，div css，flash广告代码，网页特效，png图片，后台模板，flash特效，软件下载，中文字体下载，英文字体下载，

> 代码 > 鼠标

jquery实现点击文字展开隐藏代码

作者：vip_260 来源：日期：2012/5/15 13:45:38 人气：标签：

直接上代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery实现点击文字展开隐藏代码</title>
<script type="text/javascript" src="http://www.w3school.com.cn/jquery/jquery.js"></script>
<script type="text/javascript">
$(function(){
	
	$(".title").click(function(){
		var block = $(".content").eq($(".title").index(this));
		if(block.is(":visible")){
			block.hide();
			$(this).children().html("<span class=\"a1\">显示</span>")
			}else{
			block.show();
			$(this).children().html("<span class=\"a2\">隐藏</span")	
			}		
		})
	})

</script>
<style>
.content {display:none}
</style>
</head>

<body>
<div class="title">问1：网站频道网址是？(<a href="#" onclick="return false"><span class="a2">显示</span></a>)</div>
<div class="content">www.v404.cn</div>
<div class="title">问1：网站频道网址是？(<a href="#" onclick="return false">显示答案</a>) </div>
<div class="content">www.v404.cn</div>
<div class="title">问1：网站频道网址是？(<a href="#" onclick="return false">显示答案</a>) </div>
<div class="content">www.v404.cn</div>
</body>
</html>

提示：复制和保存代码功能在FF下无效。

公告

更新

> 代码 > 鼠标

jquery实现点击文字展开隐藏代码