从预约挂号切换到科室排班表，前面的隐藏了但是科室排班表显示不出来了
来源：6-6 作业题
qq_触掱钶忣倖福_0
2019-03-05 15:11:46
<!DOCTYPE html>
<html>
<head>
<title>挂号平台</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="ghpt.css">
<link rel="stylesheet" type="text/css" href="ui.css">
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
</head>
<body>
<!--top区-->
<div class="top">
<div class="wrap">
<p class="call">010-114/116114电话预约</p>
<p class="wel">
<span>欢迎来到城市预约挂号统一平台 请 </span>
<a href="#">登录</a>
<a href="#">注册</a>
<a href="#">帮助中心</a>
</p>
</div>
</div>
<!--header区-->
<div class="header">
<div class="wrap clearfix">
<a href="#" class="logo"><img src="img/logo.png"></a>
<div class="search ui-search">
<div class="ui-search-selected">医院</div>
<div class="ui-search-selected-list">
<a href="#">科室</a>
<a href="#">疾病</a>
<a href="#">医院</a>
</div>
<input type="text" name="search-content" class="ui-search-input" placeholder="请输入搜索内容">
<a href="#" class="ui-search-submit"> </a>
</div>
</div>
</div>
<!--nav区-->
<div class="nav">
<div class="wrap">
<a href="#" class="link ">首页</a>
<a href="#" class="link ">按医院挂号</a>
<a href="#" class="link ">按科室挂号</a>
<a href="#" class="link ">按疾病挂号</a>
<a href="#" class="link ">最新公告</a>
<a href="#" class="link right">社会知名医院</a>
</div>
</div>
<!--医院简介区-->
<div class="conttop">
<div class="wrap">
<div class="contleft">
<span>北京协和医院</span>
<a href="#">关注医院</a>
</div>
<div class="contright">
<span class="cr">等级：</span>
<span>三级甲等</span>
<span class="cr">区域：</span>
<span>东域区</span>
<span class="cr">分类：</span>
<span>中国医科院所属医院</span>
</div>
<!--下划线-->
<div class="hr"></div>
<!--图，文，地图-->
<div class="left"><img src="img/hospital-1.jpg"></div>
<div class="middle">
<div class="frist">[东院]北京市东城区帅府园一号 [西院]北京市西城区大木仓胡同41号</div>
<br/>
<div class="sce">http://www.pumch.cn/</div>
<br/>
<div class="thr">东院咨询台：010-69155564;西院咨询台：010-69158010</div>
<br/>
<div class="fou">东院：106,108,110,111,116,684,685到东单路口北; 41,104快.814到东单路口南; 1,52,728,802到东单路口西; 20,25,37,39到东单路口东；</div>
</div>
<div class="right"><img src="img/map-1.png"></div>
</div>
</div>
<!--医院体系区-->
<div class="contbottom wrap">
<div class="connav uiconnav">
<a href="#" class="item connav-item">预约挂号</a>
<a href="#1" class="connav-item">医院介绍</a>
<a href="#2" class="connav-item">预约须知</a>
<a href="#3" class="connav-item">停诊信息</a>
<a href="#4" class="connav-item">查询取消</a>
</div>
<!--预约挂号-->
<div class="content">
<div class="yuyue connav-item">
<div class="table">
<table cellpadding="0" cellspacing="0" width="700px" class="table-big" height="300px">
<caption>开放预约科室</caption>
<tr>
<td rowspan="3" class="rowspan">2301</td>
<td><a href="#" class="table-list">特殊门诊</a></td>
<td><a href="#" class="table-list">特殊门诊</a></td>
<td><a href="#" class="table-list">特殊门诊</a></td>
<td><a href="#" class="table-list">特殊门诊</a></td>
</tr>
<tr>
<td><a href="#" class="table-list">特殊门诊</a></td>
<td><a href="#" class="table-list">特殊门诊</a></td>
<td><a href="#" class="table-list">特殊门诊</a></td>
<td><a href="#" class="table-list">特殊门诊</a></td>
</tr>
<tr class="table-tr">
<td><a href="#" class="table-list">特殊门诊</a></td>
<td><a href="#" class="table-list">特殊门诊</a></td>
</tr>
<tr>
<td rowspan="3" class="rowspan">专科</td>
<td><a href="#" class="table-list">多发性硬化专科</a></td>
<td><a href="#" class="table-list">门诊麻醉科</a></td></a>
<td><a href="#" class="table-list">门诊麻醉科</a></td>
<td><a href="#" class="table-list">多发性硬化专科</a></td>
</tr>
<tr>
<td><a href="#" class="table-list">多发性硬化专科</a></td>
<td><a href="#" class="table-list">特殊门诊</a></td>
<td><a href="#" class="table-list">门诊麻醉科</a></td>
<td><a href="#" class="table-list">多发性硬化专科</a></td>
</tr>
<tr>
<td><a href="#" class="table-list">特殊门诊</a></td></a>
<td><a href="#" class="table-list">门诊麻醉科</a></td>
<td><a href="#" class="table-list">门诊麻醉科</a></td>
<td><a href="#" class="table-list">多发性硬化专科</a></td>
</tr>
<tr>
<td rowspan="3" class="rowspan">内科</td>
<td><a href="#" class="table-list">肿瘤内科门诊</a></td>
<td><a href="#" class="table-list">特需血液内科</a></td>
<td><a href="#" class="table-list">特需血液内科</a></td>
<td><a href="#" class="table-list">肿瘤内科门诊</a></td>
</tr>
<tr>
<td><a href="#" class="table-list">肿瘤内科门诊</a></td>
<td><a href="#" class="table-list">特殊门诊</a></td>
<td><a href="#" class="table-list">门诊麻醉科</a></td>
<td><a href="#" class="table-list">特需血液内科</a></td>
</tr>
<tr>
<td><a href="#" class="table-list">特需血液内科</a></td>
<td><a href="#" class="table-list">门诊麻醉科</a></td>
<td><a href="#" class="table-list">门诊麻醉科</a></td>
<td><a href="#" class="table-list">肿瘤内科门诊</a></td>
</tr>
<tr>
<td rowspan="3" class="rowspan">内科</td>
<td><a href="#" class="table-list">肿瘤内科门诊</a></td>
<td><a href="#" class="table-list">特需血液内科</a></td>
<td><a href="#" class="table-list">特需血液内科</a></td>
<td><a href="#" class="table-list">肿瘤内科门诊</a></td>
</tr>
<tr>
<td><a href="#" class="table-list">肿瘤内科门诊</a></td>
<td><a href="#" class="table-list">特殊门诊</a></td>
<td><a href="#" class="table-list">门诊麻醉科</a></td>
<td><a href="#" class="table-list">特需血液内科</a></td>
</tr>
<tr>
<td><a href="#" class="table-list">特需血液内科</a></td>
<td><a href="#" class="table-list">门诊麻醉科</a></td>
<td><a href="#" class="table-list">门诊麻醉科</a></td>
<td><a href="#" class="table-list">肿瘤内科门诊</a></td>
</tr>
</table>
</div>
<div class="rtable">
<div class="rtable-p">
<span class="rtable-p-span1">预约规则</span>
<span class="rtable-p-span2">(更新时间每日8:30更新)</span>
</div>
<div class="rtable-div">
<div class="rtable-div-list"><span>预约周期：</span><div class="rtable-p-span3">7天</div></div>
<div class="rtable-div-list"><span>放号时间：</span><div class="rtable-p-span3">8:30</div></div>
<div class="rtable-div-list"><span>停诊时间：</span><div class="rtable-p-span3 left">下午14:00停止次日预约挂号(周五14:00后停挂至下周一)</div></div>
<div class="rtable-div-list"><span>退号时间：</span>
<div class="rtable-p-span3">就诊前一工作日14:00前取消</div></div>
<div class="rtable-div-list"><span>特殊规则：</span><div class="rtable-p-span3 left">1取号地点不同：西院区预约号取号地点：西院区门诊楼一层挂号窗口取号。东区预约取号地点：东园区老门诊楼一层大厅挂号窗口或新门诊楼各楼层挂号窗口取号</div></div>
</div>
</div>
</div>
<!--医院介绍-->
<div class="jieshao cleardisplay connav-item">
<p class=""> 北京协和医院是集医疗、教学、科研于一体的大型三级甲等综合医院， 国家为省纪委指定的全国疑难重症指导中心，也是最早承担高于保健和外宾医疗任务的医院之一，以学科齐全、技术力量雄厚、特色专科突出、多学科综合优势强大享誉海内外。在2010、2011、2012、2013、2014年复旦大学医学管理研究所公布的“中国最佳医院排行榜”中连续五年名列榜首。</p>
<br/>
<p> 医院建成与1921年，由洛克菲勒基金会创办。建院之初，就立志要“建成亚洲最好的医学中心”。90余年来，医院形成了“闫瑾。求精，勤奋，奉献”的协和精神和兼容的特殊文化风格，创立了“三基”、“三严”的现代医学教育理念，形成了以“教授，病例，图书馆”著称的协和三宝，培养造就了张晓赛，林巧智等一代医学大师和多位中国现代医学的领军人物，并向全国输送了大批的医学管理人才，创建了当今知名的10余家大型综合专科医院。2011年在总结90年发展经验的基础上，创新性提出了“待病人如亲人，提高病人满意度；待同事如家人，提高员工幸福感”新办院理念。</p>
<br/>
<p> 目前，医院共有2个园区，总建筑面具53万平方米，在职员工4000余人，两院院士5人，灵床和以及科学室53个，国家灵床重点专科29个，博士点16个，硕士点29个，国家级继续医学教育基地6个，二级学科住院医师培养基地18个，三级学科专科医师培养基地15个。开放住院床位2000个，单日最高门诊1.5万人，年出言病人8万人，。被评为“全国文明单位”被评为“全国文明单位”被评为“全国文明单位”被评为“全国文明单位”被评为“全国文明单位”被评为“全国文明单位”被评为“全国文明单位”被评为“全国文明单位”被评为“全国文明单位”。</p>
<br/>
<p> 90多年来，协和人以执着的医志，高尚的医德，精湛的技术和严谨的学风书写了辉煌的历史，今天的协和人正为打造“国际知名，国内一流”医院的目标而继续努力。</p>
</div>
<!--预约须知-->
<div class="xuzhi cleardisplay connav-item">
<h2>北京协和医院预约挂号须知</h2>
<h4 >电话预约挂号：010-114（24小时）</h4>
<br/>
<h4>网络预约挂号：http://www.bjguahao.gov.cn</h4>
<p>根据卫生部8月5日通知和卫生局8月20日工作部署，北京协和医院已完成电话，网络预约挂号的流程建设，现将预约挂号，取号有关事项公布如下，请您认真阅读预约须知：</p>
<br/>
<h4>一、预约时间范围：</h4>
<p>1、您可预约7天内日间副教授，主治医师和住院医师等号码，节假日不安排预约号（含周六周日</p>
<p>2、每天早8：30分开始放号，下午14：00停止次日预约挂号。</p>
<p>3、周五14：00停止挂号至下周一。</p>
<br/>
<h4>二、预约实名制：</h4>
<p>统一平台电话预约和网上预约俊采取注册预约，请您如实提供就诊人员的正是姓名，有小镇建好（身份证，军官证，护照，性别 电话，手机号码纠正卡等有效基本信息。）</p>
<br/>
<h4>三、预约取号</h4>
<p>1、预约成功后，请患者于就诊日当天携带有效身份证，预约号码和协和医院就诊卡到医院挂号窗口验证预约信息（核对与预约登记实名信息一致的本人有效证件和预约识别码）和取号正不符合则医院不能提供相应的就诊服务，如果没有协和医院就诊卡者，请先办好纠正卡在取号</p>
<p>2、取号时间：上午就诊患者，就诊当日早9点以前取号，下午就诊患者，纠正日当日下午12点之间取号，过期为取号则则作废</p>
<p>3、取号地点：西院区预约号取号地点：西院区门诊楼一层大厅挂号窗口取号。东院区预约取号地点：东院区老门诊楼一侧大厅挂号窗口、收费窗口</p>
<br/>
<h4>四、医生停诊</h4>
<p>如遇特殊情况医生停诊，给你造成的不便请谅解，医生临时停止了，工作人员将电话方式及时与您通知，请配合更改就诊日期或其他医生。保持电话畅通</p>
<br/>
<h4>五、取消预约</h4>
<p>挂出的预约号如办理退号，至少在就诊前一个工作日14:00前通过网站或114电话凭预约识别码进行取消。</p>
<br/>
<h4>六、爽约处理：</h4>
<p>1、如预约成功患者未能按时就诊不办理退号则为爽约</p>
<p>2、一年内无故爽约累计达到3次的爽约用户将自动进入系统爽约名单，此后三个月内将取消预约挂号资格，一年内爽约6次，取消6个月预约挂号资格。</p>
<br/>
<h4>七、其他注意事项：</h4>
<p>1、协和东院，西院都可以预约</p>
<p>2、国际治疗门诊，卫干门诊不对外预约</p>
</div>
<!--停诊信息-->
<div class="tingzhen cleardisplay connav-item" >
<h4>停诊信息</h4>
<table class="tingzhen-table" cellspacing="0" cellpadding="0" width="1000px" border="1" color="#f5f5f5">
<tr>
<td>日期</td>
<td>星期</td>
<td>时段</td>
<td>科室</td>
<td>特长</td>
<td>职称</td>
<td>挂号费</td>
<td>可挂号数</td>
<td>剩余号数</td>
<td>替换方式</td>
</tr>
<tr>
<td>2017-1-09</td>
<td>1</td>
<td>上午</td>
<td>呼吸内科门诊</td>
<td></td>
<td>主治医师</td>
<td>5.00</td>
<td>0</td>
<td>0</td>
<td>不可替换</td>
</tr>
<tr>
<td>2017-1-13</td>
<td>5</td>
<td>上午</td>
<td>眼科门诊</td>
<td></td>
<td>主治医师</td>
<td>5.00</td>
<td>0</td>
<td>0</td>
<td>不可替换</td>
</tr>
<tr>
<td>2017-1-10</td>
<td>2</td>
<td>上午</td>
<td>变态反应科门诊</td>
<td></td>
<td>正教授</td>
<td>9.00</td>
<td>0</td>
<td>0</td>
<td>不可替换</td>
</tr>
<tr>
<td>2017-1-11</td>
<td>3</td>
<td>上午</td>
<td>骨科门诊</td>
<td></td>
<td>主治医师</td>
<td>5.00</td>
<td>0</td>
<td>0</td>
<td>不可替换</td>
</tr>
<tr>
<td>2017-1-12</td>
<td>4</td>
<td>下午</td>
<td>特需眼科门诊</td>
<td></td>
<td>专家（特需300）</td>
<td>300.00</td>
<td>0</td>
<td>0</td>
<td>不可替换</td>
</tr>
<tr>
<td>2017-1-11</td>
<td>3</td>
<td>上午</td>
<td>特需中医科门诊2</td>
<td></td>
<td>副教授（特需200）</td>
<td>200.00</td>
<td>0</td>
<td>0</td>
<td>不可替换</td>
</tr>
<tr>
<td>2017-1-11</td>
<td>3</td>
<td>下午</td>
<td>中医科门诊</td>
<td></td>
<td>副教授</td>
<td>7.00</td>
<td>0</td>
<td>0</td>
<td>不可替换</td>
</tr>
<tr>
<td>2017-1-12</td>
<td>4</td>
<td>下午</td>
<td>特需血管外科门诊（西院）</td>
<td></td>
<td>专家（特需300）</td>
<td>300.00</td>
<td>0</td>
<td>0</td>
<td>不可替换</td>
</tr>
<tr>
<td>2017-1-12</td>
<td>4</td>
<td>上午</td>
<td>泌尿外科膀胱癌专家门诊</td>
<td></td>
<td>副教授</td>
<td>7.00</td>
<td>0</td>
<td>0</td>
<td>不可替换</td>
</tr>
<tr>
<td>2017-1-12</td>
<td>4</td>
<td>下午</td>
<td>特需血液内科门诊</td>
<td></td>
<td>正教授（特需300）</td>
<td>300.00</td>
<td>0</td>
<td>0</td>
<td>不可替换</td>
</tr>
<tr>
<td>2017-1-12</td>
<td>4</td>
<td>下午</td>
<td>特需耳鼻喉科门诊（西院）</td>
<td></td>
<td>专家（特需300）</td>
<td>300.00</td>
<td>0</td>
<td>0</td>
<td>不可替换</td>
</tr>
<tr>
<td>2017-1-11</td>
<td>3</td>
<td>下午</td>
<td>特需中医科门诊1</td>
<td></td>
<td>专家（特需300）</td>
<td>300.00</td>
<td>0</td>
<td>0</td>
<td>不可替换</td>
</tr>
<tr>
<td>2017-1-12</td>
<td>4</td>
<td>上午</td>
<td>特需神经科门诊2</td>
<td></td>
<td>副教授（特需200）</td>
<td>200.00</td>
<td>0</td>
<td>0</td>
<td>不可替换</td>
</tr>
<tr>
<td>2017-1-11</td>
<td>3</td>
<td>下午</td>
<td>特需耳鼻喉科门诊（西院）</td>
<td></td>
<td>专家（特需300）</td>
<td>300.00</td>
<td>0</td>
<td>0</td>
<td>不可替换</td>
</tr>
<tr>
<td>2017-1-09</td>
<td>1</td>
<td>上午</td>
<td>呼吸内科门诊</td>
<td></td>
<td>专家</td>
<td>14.00</td>
<td>0</td>
<td>0</td>
<td>不可替换</td>
</tr>
<tr>
<td>2017-1-12</td>
<td>4</td>
<td>上午</td>
<td>普通内科门诊</td>
<td></td>
<td>副教授</td>
<td>7.00</td>
<td>5</td>
<td>5</td>
<td>不可替换</td>
</tr>
<tr>
<td>2017-1-12</td>
<td>4</td>
<td>下午</td>
<td>普通内科门诊</td>
<td></td>
<td>副教授</td>
<td>7.00</td>
<td>5</td>
<td>4</td>
<td>不可替换</td>
</tr>
<tr>
<td>2017-1-11</td>
<td>3</td>
<td>下午</td>
<td>特需骨科门诊</td>
<td></td>
<td>副教授（特需200）</td>
<td>200.00</td>
<td>0</td>
<td>0</td>
<td>不可替换</td>
</tr>
<tr>
<td>2017-1-11</td>
<td>3</td>
<td>下午</td>
<td>整形美容外科门诊（西院）</td>
<td></td>
<td>主治医师</td>
<td>5.00</td>
<td>0</td>
<td>0</td>
<td>不可替换</td>
</tr>
<tr>
<td>2017-1-10</td>
<td>2</td>
<td>下午</td>
<td>变态反应科门诊</td>
<td></td>
<td>副教授</td>
<td>7.00</td>
<td>0</td>
<td>0</td>
<td>不可替换</td>
</tr>
</table>
</div>
<!--查询取消-->
<div class="chaxun cleardisplay connav-item">
<div class="hr-top"></div>
<div class="chaxun-search">
<span>预约识别码：</span>
<input type="text" class="input1">
<input type="buttom" value="查询菜单" class="input2">
</div>
<div class="hr-buttom"></div>
</div>
</div>
<!--科室排班表-->
<div class="fixed cleardisplay">
<div class="fixed-nav">
<span>科室排班表</span>
<a href="#">返回科室列表</a>
</div>
<div class="fixed-table">
<table border="1" width="1000px" cellspacing="0" cellpadding="0">
<tr class="tr1">
<th height="50px" ><a href="#"><img src="img/icon-scheduling-left.jpg"></a></th>
<th>星期四<br/>2017-03-09</th>
<th>星期五<br/>2017-03-10</th>
<th>星期六<br/>2017-03-11</th>
<th>星期日<br/>2017-03-12</th>
<th>星期一<br/>2017-03-13</th>
<th>星期二<br/>2017-03-14</th>
<th>星期三<br/>2017-03-15</th>
<th><a href="#1"><img src="img/icon-scheduling-right.jpg"></a></th>
<td rowspan="4">
<ul>
<span>预约规则</span>
<ol>预约周期：</ol>
<ol>7天</ol>
<ol>放号时间：</ol>
<ol>8:30</ol>
<ol>停诊时间：</ol>
<ol>下午14:00停止次日预约挂号(周五14:00后停挂至下周一)</ol>
<ol>退号时间：</ol>
<ol>就诊前一工作日14:00前取消</ol>
<ol>特殊规则：</ol>
<ol>1取号地点不同：西院区预约号取号地点：西院区门诊楼一层挂号窗口取号。东区预约取号地点：东园区老门诊楼一层大厅挂号窗口或新门诊楼各楼层挂号窗口取号</ol>
</ul>
</td>
</tr>
<tr class="tr1">
<td class="rowspan3">上午</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td rowspan="3" class="rowspan3"></td>
</tr>
<tr class="tr1">
<td class="rowspan3">下午</td>
<td class="tr-td">约满</td>
<td class="tr-td">约满</td>
<td class="tr-td">约满</td>
<td class="tr-td">约满</td>
<td class="tr-td">约满</td>
<td class="tr-td">约满</td>
<td class="tr-td">约满</td>
</tr>
<tr class="tr1">
<td class="rowspan3">晚上</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td colspan="10" class="fixed-colspan"><img src="img/icon-info.jpg"> 您还没有选择就诊日期</td>
</tr>
</table>
</div>
</div>
</div>
<!--footer区-->
<div class="footer ">
Copyright © 2017慕课网版权所有
</div>
<script type="text/javascript" src="ghpt.js"></script>
</body>
</html>
//ui-search
$.fn.UiSearh=function(){
var ui=$(this);
$('.ui-search-selected',ui).on('click',function(){
$('.ui-search-selected-list').show();
return false;
})
$('.ui-search-selected-list a',ui).on('click',function(){
$('.ui-search-selected').text($(this).text());
$('.ui-search-selected-list').hide();
return false;
})
$('body').on('click',function(){
$('.ui-search-selected-list').hide();
})
}
/**
* navs connav组件的选项卡所有.connav-item
*content connav组件的内容区域所有 .connav-item
*/
//ui-connav
$.fn.UiConnav=function(navs,content){
var ui=$(this);
var tabs=$(navs,ui);
var cons=$(content,ui);
tabs.on('click',function(){
var index=$(this).index();
tabs.removeClass('cleardisplay').eq(index).addClass('cleardisplay');
cons.hide().eq(index).show();
return false;
})
}
//网页脚本逻辑
$(function(){
$('.ui-search').UiSearh();
$('.contbottom').UiConnav('.connav >.connav-item','.content >.connav-item');
//科室排班表切换
var tablelist=$('.table-list');
var contbottom=$('.contbottom');
var fixed=$('.fixed');
tablelist.click(function(){
contbottom.addClass('cleardisplay').fixed.removeClass('cleardisplay');
})
})
2回答
-
山河远阔ZZ
2019-03-05
0 -
山河远阔ZZ
2019-03-05
同学你好，建议把css代码也粘贴上来哦。
祝学习愉快！
0h019-03-05
相似问题