jquery:
$(document).ready(
function(){
$("#student").show().siblings().hide();
$("dl").show();
$("#stuid").show();
$("#xuanxiang dd").mousedown(
function(){
$(this).addClass("buttons").siblings().removeClass('buttons');
$("div").eq($(this).index()+1).show().siblings().hide();
$("dl").show();
$("#stuid").show();
}
);
}
);
html:
<html>
<head>
<title></title>
</head>
<body>
<dl id = "xuanxiang">
<dd></dd>
<dd></dd>
<dd></dd>
<dd></dd>
</dl>
<div id="#stuid"></div>
<div id="#student"></div>
<div id="#stuid"></div>
<div id="#rollcall"</div>
<div></div>
</body>
</html>