From ddabc3ca5a8e8e3a82bfb02e7613d2ad3f7b8271 Mon Sep 17 00:00:00 2001
From: liuqimichale <123456lq>
Date: Fri, 27 Jul 2018 10:03:22 +0800
Subject: [PATCH] 查询  结果点击效果

---
 topages/workquery/workquery.css  |  5 ++++-
 topages/workquery/workquery.html | 71 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++---------
 topages/workquery/workquery.js   | 22 +++++++++++++++++++++-
 3 files changed, 87 insertions(+), 11 deletions(-)

diff --git a/topages/workquery/workquery.css b/topages/workquery/workquery.css
index 1eec4aa..997869d 100644
--- a/topages/workquery/workquery.css
+++ b/topages/workquery/workquery.css
@@ -165,11 +165,14 @@
     font-size: 14px;
     color: rgba(0,0,0,.5);
 }
-.workquery-list-title li:nth-of-type(4){
+.slide-icon{
     width: 25px;
     text-align: right;
     background: url("../../resource/img/arrow-up.png") no-repeat center center;
 }
+.slide-icon-active{
+    background: url("../../resource/img/arrow-down.png") no-repeat center center;
+}
 .workquery-list-container{
     margin-top: 5px;
 }
diff --git a/topages/workquery/workquery.html b/topages/workquery/workquery.html
index 9105bae..ad41cbc 100644
--- a/topages/workquery/workquery.html
+++ b/topages/workquery/workquery.html
@@ -39,15 +39,15 @@
 
 
 
-<ul class="workquery-list-wrap">
+<ul class="workquery-list-wrap" id="workquery-list-wrap">
     <li>
         <ul class="workquery-list-title clearfix boxshadow">
             <li>项目1</li>
             <li>已提交&nbsp;&nbsp;<span>10</span>&nbsp;&nbsp;人</li>
-            <li>全部展开</li>
-            <li> &nbsp;</li>
+            <li class="slide-text">全部展开</li>
+            <li class="slide-icon"> &nbsp;</li>
         </ul>
-        <ul class="workquery-list-container clearfix">
+        <ul class="workquery-list-container clearfix display-none">
             <li class="workquery-list-box">
                 <ul class="workquery-list-main">
                     <li>张三  </li>
@@ -64,6 +64,50 @@
                     <li id="workquery-list-wrap2" class="clampThis" title="相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。 此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限">相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。 此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限</li>
                 </ul>
             </li>
+            <li class="workquery-list-box">
+                <ul class="workquery-list-main">
+                    <li>张三  </li>
+                    <li>2018/07/23</li>
+                    <li>工时&nbsp;&nbsp;<span>8</span>&nbsp;&nbsp;小时</li>
+                    <li id="workquery-list-wrap2" class="clampThis" title="相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。 此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限">相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。 此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限</li>
+                </ul>
+            </li>
+
+
+        </ul>
+    </li>
+    <li>
+        <ul class="workquery-list-title clearfix boxshadow">
+            <li>项目1</li>
+            <li>已提交&nbsp;&nbsp;<span>10</span>&nbsp;&nbsp;人</li>
+            <li class="slide-text">全部展开</li>
+            <li class="slide-icon"> &nbsp;</li>
+        </ul>
+        <ul class="workquery-list-container clearfix display-none">
+            <li class="workquery-list-box">
+                <ul class="workquery-list-main">
+                    <li>张三  </li>
+                    <li>2018/07/23</li>
+                    <li>工时&nbsp;&nbsp;<span>8</span>&nbsp;&nbsp;小时</li>
+                    <li id="workquery-list-wrap1"  class="clampThis" title="相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。 此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限">11外，11婚1强调，支1，难以1金受限</li>
+                </ul>
+            </li>
+            <li class="workquery-list-box">
+                <ul class="workquery-list-main">
+                    <li>张三  </li>
+                    <li>2018/07/23</li>
+                    <li>工时&nbsp;&nbsp;<span>8</span>&nbsp;&nbsp;小时</li>
+                    <li id="workquery-list-wrap2" class="clampThis" title="相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。 此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限">相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。 此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限</li>
+                </ul>
+            </li>
+            <li class="workquery-list-box">
+                <ul class="workquery-list-main">
+                    <li>张三  </li>
+                    <li>2018/07/23</li>
+                    <li>工时&nbsp;&nbsp;<span>8</span>&nbsp;&nbsp;小时</li>
+                    <li id="workquery-list-wrap2" class="clampThis" title="相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。 此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限">相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。 此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限</li>
+                </ul>
+            </li>
 
 
         </ul>
@@ -72,16 +116,16 @@
         <ul class="workquery-list-title clearfix boxshadow">
             <li>项目1</li>
             <li>已提交&nbsp;&nbsp;<span>10</span>&nbsp;&nbsp;人</li>
-            <li>全部展开</li>
-            <li> &nbsp;</li>
+            <li class="slide-text">全部展开</li>
+            <li class="slide-icon"> &nbsp;</li>
         </ul>
-        <ul class="workquery-list-container clearfix">
+        <ul class="workquery-list-container clearfix display-none">
             <li class="workquery-list-box">
                 <ul class="workquery-list-main">
                     <li>张三  </li>
                     <li>2018/07/23</li>
                     <li>工时&nbsp;&nbsp;<span>8</span>&nbsp;&nbsp;小时</li>
-                    <li  class="clampThis" title="相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。 此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限">11外，11婚1强调，支1，难以1金受限</li>
+                    <li id="workquery-list-wrap1"  class="clampThis" title="相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。 此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限">11外，11婚1强调，支1，难以1金受限</li>
                 </ul>
             </li>
             <li class="workquery-list-box">
@@ -89,7 +133,15 @@
                     <li>张三  </li>
                     <li>2018/07/23</li>
                     <li>工时&nbsp;&nbsp;<span>8</span>&nbsp;&nbsp;小时</li>
-                    <li  class="clampThis" title="相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。 此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限">相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。 此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限</li>
+                    <li id="workquery-list-wrap2" class="clampThis" title="相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。 此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限">相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。 此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限</li>
+                </ul>
+            </li>
+            <li class="workquery-list-box">
+                <ul class="workquery-list-main">
+                    <li>张三  </li>
+                    <li>2018/07/23</li>
+                    <li>工时&nbsp;&nbsp;<span>8</span>&nbsp;&nbsp;小时</li>
+                    <li id="workquery-list-wrap2" class="clampThis" title="相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。 此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限">相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。 此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限</li>
                 </ul>
             </li>
 
@@ -97,6 +149,7 @@
         </ul>
     </li>
 
+
 </ul>
 
 <script src="../topages/workquery/workquery.js"></script>
diff --git a/topages/workquery/workquery.js b/topages/workquery/workquery.js
index d40d21f..db04d5d 100644
--- a/topages/workquery/workquery.js
+++ b/topages/workquery/workquery.js
@@ -44,6 +44,26 @@ var fun={
             $("#workquery-daterange-btnend").datetimepicker("setStartDate", $("#workquery-daterange-btnsta").val())
         });
     },
+    listToggle:function (ele) {
+        var text = ele.find('.slide-text').text();
+        ele.parent().siblings().find('.slide-text').text('全部展开');
+        if(text == '全部展开'){
+            ele.find('.slide-text').text('全部折叠')
+        }else{
+            ele.find('.slide-text').text('全部展开')
+        };
+        ele.parent().siblings().find('.slide-icon').removeClass('slide-icon-active');
+        ele.find('.slide-icon').toggleClass('slide-icon-active');
+
+
+        ele.parent().siblings().find('.workquery-list-container').slideUp();
+        ele.parent().find('.workquery-list-container').slideToggle();
+    }
 
 }
-fun.init();
\ No newline at end of file
+fun.init();
+
+$('#workquery-list-wrap').delegate('.workquery-list-title','click',function () {
+    var ele = $(this);
+   fun.listToggle(ele);
+});
\ No newline at end of file
--
libgit2 0.21.4