如何调用相同的class 实现多个一样的效果-JavaSript-爱易网页

如何调用相同的class 实现多个一样的效果

日期：2014-05-16　浏览次数：20354 次

怎么调用相同的class 实现多个一样的效果



<!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></title>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script type="text/javascript">

$(document).ready(function(){

    $(".btn").click(function(){

		$(".xs").toggle();

		})

});

</script>

<style type="text/css">

<!--

* { margin:0; padding:0; }

.xs{

	width:200px;

	height:200px;

	background:#00bcf3;

	display:none;

	float:left;

}

.div{

	float:left;

	height:20px;

	}

-->

</style>

</head>

<body>

<div class="div">

<a href="javascript:;" class="btn">点击</a>

</div>

<div class="xs">111111</div>



</body>

</html>