第一:绝对不要漏看.title div
只有div才能触发
第二:绝对不要忽视class="station"
只有class才会有hide和show
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>单个站点展示</title>
</head>
<body>
<div class="title">
<div id="stationitem"><a>站点基础信息</a></div>
<div id="stationitem"><a>站点监测</a></div>
<div id="stationitem"><a>动力设备</a></div>
<div id="stationitem"><a>巡检工单</a></div>
<div id="stationitem"><a>站点QQs</a></div>
<div id="stationitem"><a>考勤记录</a></div>
</div>
<div class="station">
<div>村委会</div>
</div>
<div id="station" style="display:none;">
<div id="surveytitle1">出水口水质</div>
详情温度(℃)
</div>
<div class="station" style="display:none;">动力设备
</div>
<div class="station" style="display:none;">巡检工单
</div>
<div class="station" style="display:none;">站点QQs
</div>
<div class="station" style="display:none;">考勤记录
</div>
</body>
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
var index;
$(function(e){
$(".title div").click(function(){
index=$(this).index();
console.log("index:"+index);
$(".station").each(function(i){
if(i==index){
$(this).show();
console.log("show:"+i);
}else{
$(this).hide();
console.log("hide:"+i);
}
})
})
})
</script>
</html>