店铺最新列表选择

@@ -123,10 +123,11 @@
 
                 <div class="discount-area first" id="navlist2">
                     <ul id="list-nav" class="home-sub-nav list-nav pos-list clearfix">
-                        <li data-bp-id="shop_listnav_new_1" class="new active buriedpoint">
+                        <li data-bp-id="shop_listnav_new_1" class="new active buriedpoint first-li-more">
                             <a href="javascript:void(0);">
                                 <span class="spanTest">最新</span>
-                                <span class="iconfont cur">&#xe616;</span>
+                                <span class="iconfont up cur hide">&#xe615;</span>
+                                <span class="iconfont down cur">&#xe616;</span>
                             </a>
                         </li>
                         <li class="price buriedpoint" data-bp-id="shop_listnav_price_1">
@@ -154,11 +155,11 @@
                             </a>
                         </li>
                     </ul>
-                    <div class='new-list'>
+                    <div class='new-list hide'>
                         <ul>
-                            <li class='active'>默认</li>
-                            <li>最新</li>
-                            <li>销量</li>
+                            <li class='active' data-bp-id='shop_listnav_hot_1'>默认</li>
+                            <li data-bp-id='shop_listnav_new_1'>最新</li>
+                            <li data-bp-id='shop_listnav_sale_1'>销量</li>
                         </ul>
                     </div>
                 </div>
@@ -193,7 +194,7 @@
         </ul>
 
         <ul id="pos-list" class="home-sub-nav pos-list hide">
-            <li class="new active buriedpoint" data-bp-id="shop_poslist_new_1">
+            <li class="new active buriedpoint first-li-more" data-bp-id="shop_poslist_new_1">
                 <a href="javascript:void(0);">
                     <span class="spanTest">最新</span>
                     <span class="iconfont cur">&#xe616;</span>

@@ -729,9 +729,31 @@ $listNav.bind('contextmenu', function(e) {
     return false;
 });
 
-$newList.on('touchstart', 'li', function() {
+function newListHide() {
+    var $firstLi = $('ul.pos-list').find('li.first-li-more');
+
+    if ($newList.hasClass('hide')) {
+        $firstLi.find('span.up').addClass('hide');
+        $firstLi.find('span.down').removeClass('hide');
+    } else {
+        $firstLi.find('span.down').addClass('hide');
+        $firstLi.find('span.up').removeClass('hide');
+    }
+}
+
+$newList.on('touchstart', 'li', function(e) {
+    e.preventDefault();
     $(this).closest('.new-list').addClass('hide');
-    $(this).addClass('active').siblings().removeClass('active');
+    $('ul.pos-list').find('li.first-li-more').addClass('active').siblings().removeClass('active');
+    newListHide();
+});
+
+$(document).on('touchstart', function(e) {
+    if (!$newList.hasClass('hide') &&
+        $(e.target).closest('.new-list, li.first-li-more').length <= 0) {
+        $newList.addClass('hide');
+        newListHide();
+    }
 });
 
 $subNav.on('touchend touchcancel', function(e) {
@@ -744,8 +766,11 @@ $subNav.on('touchend touchcancel', function(e) {
 
     e.preventDefault();
 
-    if ($this.hasClass('new')) {
+    if ($this.hasClass('first-li-more')) {
+        filter.hideFilter();
         $newList.removeClass('hide');
+        $this.addClass('active').siblings().removeClass('active');
+        newListHide();
         return true;
     }