原生javascript手风琴导航
html内容
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>原生javascript手风琴导航</title></head>
<link type="text/css" rel="stylesheet" href="css.css" charset="utf-8" />
<body>
<div class="kc-index-baike">
<div class="kc-sidebar-class kc-active">内科</div>
<div class="kc-sidebar-content kc-block">
<a href="http://xg1.zjyy166.com/wy/all/" title="胃炎">胃炎</a>
<a href="http://xg1.zjyy166.com/wky/all/" title="胃溃疡">胃溃疡</a>
<a href="http://xg1.zjyy166.com/gyh/all/" title="肝硬化">肝硬化</a>
<a href="http://xg1.zjyy166.com/bm/all/" title="便秘">便秘</a>
</div>
<div class="kc-sidebar-class">妇产科</div>
<div class="kc-sidebar-content">
<a href="http://xg1.zjyy166.com/mjxydy%20/all/" title="霉菌性阴道炎 ">霉菌性阴道炎</a>
<a href="http://xg1.zjyy166.com/gjml%20/all/" title="宫颈糜烂 ">宫颈糜烂</a>
<a href="http://xg1.zjyy166.com/nfmst/all/" title="内分泌失调 ">内分泌失调</a>
<a href="http://xg1.zjyy166.com/wyzy%20/all/" title="外阴瘙痒 ">外阴瘙痒</a>
<a href="http://xg1.zjyy166.com/tj%20/all/" title="痛经 ">痛经</a>
<a href="http://xg1.zjyy166.com/lca%20/all/" title="卵巢癌 ">卵巢癌</a>
<a href="http://xg1.zjyy166.com/slgds%20/all/" title="输卵管堵塞 ">输卵管堵塞</a>
<a href="http://xg1.zjyy166.com/bdyc%20/all/" title="白带异常 ">白带异常</a>
<a href="http://xg1.zjyy166.com/gnxzgcx%20/all/" title="功能性子宫出血 ">功能性子宫出血</a>
<a href="http://xg1.zjyy166.com/jtl%20/all/" title="畸胎瘤 ">畸胎瘤</a>
<a href="http://xg1.zjyy166.com/gjaqbb%20/all/" title="宫颈癌前病变 ">宫颈癌前病变</a>
<a href="http://xg1.zjyy166.com/zgnma%20/all/" title="子宫内膜癌 ">子宫内膜癌</a>
<a href="http://xg1.zjyy166.com/dnlczhz%20/all/" title