diff --git a/css/libCss/common.css b/css/libCss/common.css
index 31d62c1..17a6ddf 100644
--- a/css/libCss/common.css
+++ b/css/libCss/common.css
@@ -130,12 +130,15 @@ section{
     color: #fff;
     cursor: pointer;
 }
-.link-div span:nth-of-type(1){
-    background:url("../../image/link-div-1.png");
-}
-.link-div span:nth-of-type(2){
+/*.link-div span:nth-of-type(1){*/
+    /*background:url("../../image/link-div-1.png");*/
+/*}*/
+.link-div span{
     background:url("../../image/link-div-2.png");
 }
+.link-div span.linkActive{
+    background:url("../../image/link-div-1.png");
+}
 .link-con-left{
     padding-right: 32px;
     width: 734px;
diff --git a/index.html b/index.html
index 207c5ca..8cea2cf 100644
--- a/index.html
+++ b/index.html
@@ -45,11 +45,11 @@
     </nav>
     <section class="float-left">
         <div class="section-wrap">
-            <div class="link-div">
-                <span>总体概况</span>
+            <div class="link-div" id="link-div">
+                <span class="linkActive">总体概况</span>
                 <span>API  列表</span>
             </div>
-            <div class="link-con">
+            <div class="link-con" id="link-con">
                 <div class="link-con-1">
                     <div class="link-con-left float-left">
                         <div class="link-con-left-wrap marginright32 boder-raduis5">
diff --git a/js/index.js b/js/index.js
index 5bed8c8..37a14f6 100644
--- a/js/index.js
+++ b/js/index.js
@@ -103,4 +103,10 @@ var fun = {
         myChart.setOption(option);
     },
 };
-fun.init();
\ No newline at end of file
+fun.init();
+$('#link-div span').on('click',function () {
+   var index = $(this).index();
+   $(this).addClass('linkActive').siblings('span').removeClass('linkActive');
+    $('#link-con .link-con-1').addClass('display-none');
+    $('#link-con .link-con-1').eq(index).removeClass('display-none');
+});
\ No newline at end of file