---- 淘宝优惠券 ----资源下载 ---域名问题某些图片和js资源无法访问,导致一些代码实例无法运行!(代码里gzui.net换成momen.vip即可)

截取部分隐藏点击展开收缩

前端开发 蚂蚁 1731℃ 0评论

提示:你可以先修改部分代码再运行。

//多出隐藏
	var toggleHide = function(className,maxNumber){ 
		var $category_wrap = $(className);
		for(var i=0; i<$category_wrap.length;i++){
				var item=$category_wrap.eq(i);
				var $category = item.find('a:gt('+maxNumber+'):not(:last)');
				//console.log($category);
				var $toggleBtn =$category_wrap.find('a.more');
			 	var $category_len = item.find('a').length;
			 	//console.log($category_len);
			 if($category_len<=(maxNumber+2)){
			 	$toggleBtn.hide();
			 };
      		$category.addClass('f-dn');
      		$toggleBtn.click(function(){	
      			var $btn_dom = $(this);
      			$('.index_pop_con').empty();
      			var cloneItems=$btn_dom.parents('.selection_con').find('.f-dn').clone();
      			cloneItems.removeClass('f-dn');
      			$('.index_pop_con').append(cloneItems);
        		if($category.is(":visible")){
        			return false; 
        		}else{
        			full_screen('full_black_bg',function(){
						$('.index_pop').addClass('f-dn');
					});
					$('.index_pop').removeClass('f-dn');
					$('.index_pop_con a').css('display','inline-block');
          		}
        		return false;
      		});
			};
			$('.index_pop .close').click(function(){
				$('.index_pop').addClass('f-dn');
				$('.full_screen').hide();
			});
			$('.index_pop_con a').on('click',function(){
				$('.index_pop').addClass('f-dn');
				$('.full_screen').hide();
			});
		}
	toggleHide('.city',20);

转载请注明:有爱前端 » 截取部分隐藏点击展开收缩

喜欢 (0)or分享 (0)
发表我的评论
取消评论

表情
(1)个小伙伴在吐槽
  1. http://www.aliyue.net/1401.html
    蚂蚁2018-05-17 16:23 回复