<html>
<head>
<title>jquery的链式写法</title>
<script src="jquery-1.8.0.js"></script>
<style type="text/css">
.divFrame{
width:260px;
border:solid 1px #f00;
font-size;10pt;
}
.divTitle{
background-color:#eee;
padding:5px;
}
.divContent{
padding:5px;
display:none;
}
.divCurrColor{
background-color:Red;
}
</style>
<script type="text/javascript">
$(function(){
$(".divTitle").click(function(){
$(this).addClass("divCurrColor").next(".divContent").css("display","block");
});
});
</script>
</head>
<body>
<div class="divFrame">
<div class="divTitle">主题</div>
<div class ="divContent">
<a href="#">连接一</a><br />
<a href="#">连接二</a><br />
<a href="#">连接三</a>
</div>
</div>
</body>
</html>