原生javascript手风琴导航

最新推荐文章于 2024-07-19 08:43:05 发布

地上马

最新推荐文章于 2024-07-19 08:43:05 发布

阅读量1.1k

点赞数

分类专栏： HTML5 文章标签：原生js 手风琴导航 JavaScript

本文链接：https://blog.csdn.net/wuxiang668/article/details/78131453

版权

这篇博客详细介绍了如何使用原生JavaScript编写手风琴导航，包括HTML结构、CSS样式和JavaScript逻辑的实现步骤。

摘要由CSDN通过智能技术生成

原生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