diff --git a/css/libCss/common.css b/css/libCss/common.css
index 0646c23..eda3f43 100644
--- a/css/libCss/common.css
+++ b/css/libCss/common.css
@@ -81,6 +81,7 @@ nav{
     text-align: center;
     color: #1f2b3d;
     font-size: 20px;
+    cursor: pointer;
 }
 .nav-ul li:nth-of-type(1){
     box-shadow: 0 1px 10px 0 rgba(50,50,50,.2);
diff --git a/index.html b/index.html
index 9c030ae..c5f1b05 100644
--- a/index.html
+++ b/index.html
@@ -50,7 +50,7 @@
                 <span>API  列表</span>
             </div>
             <div class="link-con" id="link-con">
-                <div class="link-con-1 display-none">
+                <div class="link-con-1">
                     <div class="link-con-left float-left">
                         <div class="link-con-left-wrap marginright32 boder-raduis5">
                             <div class="link-con-title border-bottom1">
@@ -165,13 +165,13 @@
 
 
                 <!--API别表-->
-                <div class="link-con-1 ">
-                    <div class="list-main-wrap display-none" id="list-main-wrap">
+                <div class="link-con-1  display-none">
+                    <div class="list-main-wrap" id="list-main-wrap">
                         <ul class="list-con-title">
                             <li class="float-left">名称</li>
                             <li class="float-left">描述</li>
                         </ul>
-                        <ul class="list-con-wrap">
+                        <ul class="list-con-wrap" id="list-con-wrap">
                             <li>
                                 <div class="float-left">
                                     <span data-id="1">名称名称名称名称名称</span>
@@ -439,7 +439,7 @@
                         </ul>
                     </div>
 
-                    <div class="list-detail-wrap" id="list-detail-wrap">
+                    <div class="list-detail-wrap display-none" id="list-detail-wrap">
                         <div class="list-detail-title">
                             名称名称名称名称名称名称名称（名称名称名称名称名称名称名称名称）
                         </div>
diff --git a/js/index.js b/js/index.js
index 37a14f6..c69d4ee 100644
--- a/js/index.js
+++ b/js/index.js
@@ -109,4 +109,12 @@ $('#link-div span').on('click',function () {
    $(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');
+    $('#list-detail-wrap').addClass('display-none');
+    $('#list-main-wrap').removeClass('display-none');
+});
+$(document).delegate('#list-con-wrap li span','click',function () {
+   var id = $(this).attr('data-id');
+   alert(id);
+    $('#list-main-wrap').addClass('display-none');
+   $('#list-detail-wrap').removeClass('display-none');
 });
\ No newline at end of file