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