<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试试
href上加一个onclick属性
onclick="$('#divteacher').show();"
你的js里面，把id="pteacher"给标签，不要加在P上
问题呢，如果是显示再点击一次隐藏，用toggle方法
$(function () {
$("#pteacher").click(function () {
$("#divteacher").toggle();
return false;//阻止执行跳转
});
});