1、包含关系
2、相邻关系
//JavaScript
$(document).ready(function () {
$(".studentName + div").hide(); $(".studentName").click(function () {
$(".studentName + div").hide(600);
$("+div", this).show(600);
}); });
<style type ="text/css">
.studentName{ padding:5px; background-color:#058dfe; cursor:pointer;
}
.studentName+div{ border-bottom:1px solid gray; padding:10px;}
.studentName+div span{ margin:10px;} </style>