jquery样式点击任意一个树展开合并

来源：互联网发布：ov7670摄像头资料数据编辑：程序博客网时间：2024/05/19 07:44

<%@ page language="java" contentType="text/html; charset=UTF-8"
   pageEncoding="UTF-8"%>
<%@ include file="/view/common/tags.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>例子</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<%@ include file="/view/common/resource.jsp"%>
</head>
<body>
   <div>
       <input type="hidden" id="pName" name="PName" value="" /> <input
           type="hidden" id="number" name="number" value="" /> <input
           type="hidden" id="dayTime" name="dayTime" value="${dayTime}" /> <input
           type="hidden" id="timeFlg" name="timeFlg" value="${timeFlg}" /> <input
           type="hidden" id="p_fdid" name="p_fdid" value="" />
   </div>
   <div class="container">
       <ul class="section_list">
           
           <c:forEach items="${entity}" var="entity" begin="0" varStatus="stat">

               <input type="hidden" id="p_pid" name="p_pid" value="${entity.pid}" />
               <input type="hidden" id="hospId" name="hospId"
                   value="${entity.hospId}" />
               <li><a href="javascript:;" id="yijimulu${stat.count}" class = "section_link"
                   onclick="show('${entity.fdid}','${entity.hospId}','${entity.name}','${stat.count}')">${entity.name}<i class="icon_arrow icon_arr01"></i></a></li>

</ul>
           </c:forEach>
           <c:if test="${empty entity}">
               <div class="wait_info">
                   <i class="icon_nothing"> <img
                       src="<%=request.getContextPath()%>/images/hs/tan.png" alt="" /></i>
                   <p class="c_gray">暂无科室信息</p>
               </div>
           </c:if>
       </ul>
       <div class="pop_wrap">
           <div class="bg_mask"></div>
           <div class="pop_content">
               <p>
                   <span id="errorMessage"></span><br />
               </p>
           </div>
       </div>
   </div>
   <footer><img src="<%=request.getContextPath()%>/images/hs/footer.jpg" alt=""></footer>
   <script src="<%=request.getContextPath()%>/script/jquery-1.8.3.js"></script>
   <script>
       $(document).ready(function() {
           $('.bg_mask').click(function() {
               $('.pop_wrap').hide();
           });
       })
   </script>
   <script type="text/javascript">
   
function yincang(number){
    var DisPlay = $("#div" + number).css("display");
    if( DisPlay != "none"){
        $('.child_ul').slideUp(); //隐藏
       $('.child_ul').empty(); //数据清空
    }else{
        $('.child_ul').slideUp(); //隐藏
        $("#div" + number).slideToggle();   //当前的数据隐藏显示
        }
    }
function show(fdid, hospId, name, number) {
   yincang(number);
   $('.pop_wrap').hide();
   $("#div" + number).empty(); //清空之前的数据
   var name = name; //一级科室名称
   var pid = fdid; //obj 当前科室的fdID作二级目录的Pid
   $("#p_fdid").val(pid); //一级科室的ID
   var hospId = hospId; //医院ID
   var number = number; //编号标记
   $("#pName").val(name);//一级目录
   $("#number").val(number);//编号
   var dayTime = $("#dayTime").val();
   $.post(_path + "/front/mobile/wx/wxHospDeptController",
   {
       "pid" : pid,
       "hospId" : hospId,
       dayTime : dayTime
   },
   function(data) {
       if (data.result == '1') {
           $('.pop_wrap').show();
           document.getElementById('errorMessage').innerHTML = '您在三个月内已爽约3次！不可预约挂号';
           return false;
       } else {
           //拼接Html
           if (data.entity != null) { //当存在二级目录的时候,循环显示二级目录
               var pName = $("#pName").val();
               var number = $("#number").val();
               for (var i = 0; i < data.entity.length; i++) {
                   $("#div" + number).append("<input type='hidden' id='fdid' name='fdid' value='"+data.entity[i].fdid+"'></input>"
                                           + "<input type='hidden' id='pid' name='pid' value='"+data.entity[i].pid+"'></input>"
                                           + "<input type='hidden' id='hospId' name='hospId' value='"+data.entity[i].hospId+"'></input>"
                                           + "<li><a class='child_list_a' onclick=twoDirectory('"
                                           + data.entity[i].fdid
                                           + "','"
                                           + data.entity[i].name
                                           + "')>"
                                           + data.entity[i].name
                                           + "<i class='icon_arrow icon_arrow01'></i></a></li>");
               }
           } else {//当不存在二级目录的时候，直接跳转页面
               var deptId = $("#p_fdid").val(); //一级科室ID
               var hospId = $("#hospId").val();//医院ID
               var dayTime = $("#dayTime").val();//预约时间
               var timeFlg = $("#timeFlg").val(); //标识
               var pName = $("#pName").val(); //一级科室名称
               var url = _path
                       + "/front/mobile/wx/doctorList?deptId="
                       + deptId + "&hospId=" + hospId
                       + "&dayTime=" + dayTime
                       + "&timeFlg=" + timeFlg
                       + "&name=" + pName;
               location.href = url;
           }
       }
   });
}
   </script>
   <script language="javascript" type="text/javascript"
       src="<%=request.getContextPath()%>/resources/My97DatePicker/WdatePicker.js"></script>
   <script type="text/javascript"
       src="<%=request.getContextPath()%>/resources/ztree/js/jquery.ztree.core-3.5.js"></script>
   <script type="text/javascript"
       src="<%=request.getContextPath()%>/resources/ztree/js/jquery.ztree.excheck-3.5.js"></script>
</body>
</html>

0 0