<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>權限管理</title>
<script type="text/javascript" src="media/js/jquery-1.10.1.min.js"></script>
<script>
$(function(){
$("#pteacher").click(function(){
$("#divteacher").show();
});
});
</script>
</head>
<body>
<form>
角色名稱<br/>
<p id="pteacher"><a href="#">老師</a></p>
<p>校長</p>
<p>學生</p>
<div id="divteacher" style="display:none;">
<table>
<tr>
<td colspan="4"></td>
</tr>
<tr>
<td>教程大綱</td>
<td>
<div class="controls">
<label class="checkbox">
<input type="checkbox" name="btn" value="11-1" />模板管理
</label>
<label class="checkbox">
<input type="checkbox" name="btn" value="11-2" />增加班次
</label>
<label class="checkbox">
<input type="checkbox" name="btn" value="11-3" />加班車
</label>
<label class="checkbox">
<input type="checkbox" name="btn" value="11-4" />修改
</label>
<label class="checkbox">
<input type="checkbox" name="btn" value="11-5" />刪除
</label>
</div>
</td>
<td></td>
<td></td>
</tr>
</table>
</div>
</form>
</body>
</html>
代碼邏輯沒問題，看看jquery文件路徑對不對
看看是不是這個路徑 media/js/jquery-1.10.1.min.js
可以替換成http://lib.sinaapp.com/js/jquery/1.8.3/jquery.min.js試試
