使用jquery怎么在我点击 监控系统 显示或者隐藏(视频监控,传感器,车辆监控) <dl class="menu">
<dt>
<a href='javascript:void(0)' name='left_title'class='titl'>监控系统</a>
</dt>
<dd><a href='VideoAll' target='manFrame' >视频监控</a></dd>
<dd><a href='SenorAll' target='manFrame'>传感器</a></dd>
<dd><a href='VehicleMsAll' target='manFrame' >车辆监控</a></dd>
</dl>
<dt>
<a href='javascript:void(0)' name='left_title'class='titl'>监控系统</a>
</dt>
<dd><a href='VideoAll' target='manFrame' >视频监控</a></dd>
<dd><a href='SenorAll' target='manFrame'>传感器</a></dd>
<dd><a href='VehicleMsAll' target='manFrame' >车辆监控</a></dd>
</dl>
他有多个,我只要显示或者隐藏我点击的那个隐藏或者显示
<dl class="menu">
<dt><a href='javascript:void(0)' name='left_title'class='titl'>监控系统</a> </dt>
<dd><a href='VideoAll' target='manFrame' class='blue'>视频监控</a></dd>
<dd><a href='SenorAll' target='manFrame' class='blue'>传感器</a></dd>
<dd><a href='VehicleMsAll' target='manFrame' class='blue'>车辆监控</a></dd>
</dl>
<dl class="menu">
<dt><a href='javascript:void(0)' name='left_title'class='titl'>电池组管理</a> </dt>
<dd><a href='BatteryOntAll' target='manFrame' >电池组批号管理</a></dd>
<dd><a href='Battery_add.jsp' target='manFrame' >添加电池组批号</a></dd>
<dd><a href='Battery_addTitle.jsp' target='manFrame' class='red'>录入电池组</a></dd>
<dd><a href='BatteryMsAll.action?pageNow=1' target='manFrame'>电池组管</a></dd>
</dl>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(document).ready( function() {
$("a.titl").toggle(
function () {
$(this).parent().siblings('dd').hide();
},
function () {
$(this).parent().siblings('dd').show();
}
);
});
</script>
</head><body>
<dl class="menu">
<dt><a href='javascript:void(0)' name='left_title'class='titl'>监控系统</a> </dt>
<dd><a href='VideoAll' target='manFrame' class='blue'>视频监控</a></dd>
<dd><a href='SenorAll' target='manFrame' class='blue'>传感器</a></dd>
<dd><a href='VehicleMsAll' target='manFrame' class='blue'>车辆监控</a></dd>
</dl>
<dl class="menu">
<dt><a href='javascript:void(0)' name='left_title'class='titl'>电池组管理</a> </dt>
<dd><a href='BatteryOntAll' target='manFrame' >电池组批号管理</a></dd>
<dd><a href='Battery_add.jsp' target='manFrame' >添加电池组批号</a></dd>
<dd><a href='Battery_addTitle.jsp' target='manFrame' class='red'>录入电池组</a></dd>
<dd><a href='BatteryMsAll.action?pageNow=1' target='manFrame'>电池组管</a></dd>
</dl>
</body>
</html>