Commit ddabc3ca5a8e8e3a82bfb02e7613d2ad3f7b8271
1 parent
96ef24db
查询 结果点击效果
Showing
3 changed files
with
87 additions
and
11 deletions
topages/workquery/workquery.css
| ... | ... | @@ -165,11 +165,14 @@ |
| 165 | 165 | font-size: 14px; |
| 166 | 166 | color: rgba(0,0,0,.5); |
| 167 | 167 | } |
| 168 | -.workquery-list-title li:nth-of-type(4){ | |
| 168 | +.slide-icon{ | |
| 169 | 169 | width: 25px; |
| 170 | 170 | text-align: right; |
| 171 | 171 | background: url("../../resource/img/arrow-up.png") no-repeat center center; |
| 172 | 172 | } |
| 173 | +.slide-icon-active{ | |
| 174 | + background: url("../../resource/img/arrow-down.png") no-repeat center center; | |
| 175 | +} | |
| 173 | 176 | .workquery-list-container{ |
| 174 | 177 | margin-top: 5px; |
| 175 | 178 | } | ... | ... |
topages/workquery/workquery.html
| ... | ... | @@ -39,15 +39,15 @@ |
| 39 | 39 | |
| 40 | 40 | |
| 41 | 41 | |
| 42 | -<ul class="workquery-list-wrap"> | |
| 42 | +<ul class="workquery-list-wrap" id="workquery-list-wrap"> | |
| 43 | 43 | <li> |
| 44 | 44 | <ul class="workquery-list-title clearfix boxshadow"> |
| 45 | 45 | <li>项目1</li> |
| 46 | 46 | <li>已提交 <span>10</span> 人</li> |
| 47 | - <li>全部展开</li> | |
| 48 | - <li> </li> | |
| 47 | + <li class="slide-text">全部展开</li> | |
| 48 | + <li class="slide-icon"> </li> | |
| 49 | 49 | </ul> |
| 50 | - <ul class="workquery-list-container clearfix"> | |
| 50 | + <ul class="workquery-list-container clearfix display-none"> | |
| 51 | 51 | <li class="workquery-list-box"> |
| 52 | 52 | <ul class="workquery-list-main"> |
| 53 | 53 | <li>张三 </li> |
| ... | ... | @@ -64,6 +64,50 @@ |
| 64 | 64 | <li id="workquery-list-wrap2" class="clampThis" title="相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。 此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限">相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。 此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限</li> |
| 65 | 65 | </ul> |
| 66 | 66 | </li> |
| 67 | + <li class="workquery-list-box"> | |
| 68 | + <ul class="workquery-list-main"> | |
| 69 | + <li>张三 </li> | |
| 70 | + <li>2018/07/23</li> | |
| 71 | + <li>工时 <span>8</span> 小时</li> | |
| 72 | + <li id="workquery-list-wrap2" class="clampThis" title="相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。 此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限">相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。 此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限</li> | |
| 73 | + </ul> | |
| 74 | + </li> | |
| 75 | + | |
| 76 | + | |
| 77 | + </ul> | |
| 78 | + </li> | |
| 79 | + <li> | |
| 80 | + <ul class="workquery-list-title clearfix boxshadow"> | |
| 81 | + <li>项目1</li> | |
| 82 | + <li>已提交 <span>10</span> 人</li> | |
| 83 | + <li class="slide-text">全部展开</li> | |
| 84 | + <li class="slide-icon"> </li> | |
| 85 | + </ul> | |
| 86 | + <ul class="workquery-list-container clearfix display-none"> | |
| 87 | + <li class="workquery-list-box"> | |
| 88 | + <ul class="workquery-list-main"> | |
| 89 | + <li>张三 </li> | |
| 90 | + <li>2018/07/23</li> | |
| 91 | + <li>工时 <span>8</span> 小时</li> | |
| 92 | + <li id="workquery-list-wrap1" class="clampThis" title="相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。 此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限">11外，11婚1强调，支1，难以1金受限</li> | |
| 93 | + </ul> | |
| 94 | + </li> | |
| 95 | + <li class="workquery-list-box"> | |
| 96 | + <ul class="workquery-list-main"> | |
| 97 | + <li>张三 </li> | |
| 98 | + <li>2018/07/23</li> | |
| 99 | + <li>工时 <span>8</span> 小时</li> | |
| 100 | + <li id="workquery-list-wrap2" class="clampThis" title="相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。 此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限">相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。 此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限</li> | |
| 101 | + </ul> | |
| 102 | + </li> | |
| 103 | + <li class="workquery-list-box"> | |
| 104 | + <ul class="workquery-list-main"> | |
| 105 | + <li>张三 </li> | |
| 106 | + <li>2018/07/23</li> | |
| 107 | + <li>工时 <span>8</span> 小时</li> | |
| 108 | + <li id="workquery-list-wrap2" class="clampThis" title="相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。 此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限">相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。 此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限</li> | |
| 109 | + </ul> | |
| 110 | + </li> | |
| 67 | 111 | |
| 68 | 112 | |
| 69 | 113 | </ul> |
| ... | ... | @@ -72,16 +116,16 @@ |
| 72 | 116 | <ul class="workquery-list-title clearfix boxshadow"> |
| 73 | 117 | <li>项目1</li> |
| 74 | 118 | <li>已提交 <span>10</span> 人</li> |
| 75 | - <li>全部展开</li> | |
| 76 | - <li> </li> | |
| 119 | + <li class="slide-text">全部展开</li> | |
| 120 | + <li class="slide-icon"> </li> | |
| 77 | 121 | </ul> |
| 78 | - <ul class="workquery-list-container clearfix"> | |
| 122 | + <ul class="workquery-list-container clearfix display-none"> | |
| 79 | 123 | <li class="workquery-list-box"> |
| 80 | 124 | <ul class="workquery-list-main"> |
| 81 | 125 | <li>张三 </li> |
| 82 | 126 | <li>2018/07/23</li> |
| 83 | 127 | <li>工时 <span>8</span> 小时</li> |
| 84 | - <li class="clampThis" title="相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。 此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限">11外，11婚1强调，支1，难以1金受限</li> | |
| 128 | + <li id="workquery-list-wrap1" class="clampThis" title="相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。 此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限">11外，11婚1强调，支1，难以1金受限</li> | |
| 85 | 129 | </ul> |
| 86 | 130 | </li> |
| 87 | 131 | <li class="workquery-list-box"> |
| ... | ... | @@ -89,7 +133,15 @@ |
| 89 | 133 | <li>张三 </li> |
| 90 | 134 | <li>2018/07/23</li> |
| 91 | 135 | <li>工时 <span>8</span> 小时</li> |
| 92 | - <li class="clampThis" title="相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。 此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限">相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。 此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限</li> | |
| 136 | + <li id="workquery-list-wrap2" class="clampThis" title="相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。 此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限">相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。 此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限</li> | |
| 137 | + </ul> | |
| 138 | + </li> | |
| 139 | + <li class="workquery-list-box"> | |
| 140 | + <ul class="workquery-list-main"> | |
| 141 | + <li>张三 </li> | |
| 142 | + <li>2018/07/23</li> | |
| 143 | + <li>工时 <span>8</span> 小时</li> | |
| 144 | + <li id="workquery-list-wrap2" class="clampThis" title="相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。 此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限">相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。 此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限</li> | |
| 93 | 145 | </ul> |
| 94 | 146 | </li> |
| 95 | 147 | |
| ... | ... | @@ -97,6 +149,7 @@ |
| 97 | 149 | </ul> |
| 98 | 150 | </li> |
| 99 | 151 | |
| 152 | + | |
| 100 | 153 | </ul> |
| 101 | 154 | |
| 102 | 155 | <script src="../topages/workquery/workquery.js"></script> | ... | ... |
topages/workquery/workquery.js
| ... | ... | @@ -44,6 +44,26 @@ var fun={ |
| 44 | 44 | $("#workquery-daterange-btnend").datetimepicker("setStartDate", $("#workquery-daterange-btnsta").val()) |
| 45 | 45 | }); |
| 46 | 46 | }, |
| 47 | + listToggle:function (ele) { | |
| 48 | + var text = ele.find('.slide-text').text(); | |
| 49 | + ele.parent().siblings().find('.slide-text').text('全部展开'); | |
| 50 | + if(text == '全部展开'){ | |
| 51 | + ele.find('.slide-text').text('全部折叠') | |
| 52 | + }else{ | |
| 53 | + ele.find('.slide-text').text('全部展开') | |
| 54 | + }; | |
| 55 | + ele.parent().siblings().find('.slide-icon').removeClass('slide-icon-active'); | |
| 56 | + ele.find('.slide-icon').toggleClass('slide-icon-active'); | |
| 57 | + | |
| 58 | + | |
| 59 | + ele.parent().siblings().find('.workquery-list-container').slideUp(); | |
| 60 | + ele.parent().find('.workquery-list-container').slideToggle(); | |
| 61 | + } | |
| 47 | 62 | |
| 48 | 63 | } |
| 49 | -fun.init(); | |
| 50 | 64 | \ No newline at end of file |
| 65 | +fun.init(); | |
| 66 | + | |
| 67 | +$('#workquery-list-wrap').delegate('.workquery-list-title','click',function () { | |
| 68 | + var ele = $(this); | |
| 69 | + fun.listToggle(ele); | |
| 70 | +}); | |
| 51 | 71 | \ No newline at end of file | ... | ... |