list.js 4.94 KB
$(function(){
	$(".nav-h2").hide();
	$(".common_nav").hover(
		function(){
			$(this).children(".nav-h2").show();
		},
		function(){
			$(this).children(".nav-h2").hide();
		}
	);
//产地,品牌,规格.
	var slidedown = function(parent){
	  var par  = $('.'+parent),
		  utag = par.find("ul"),
		  mtag = par.find('.beright'),
		  gtag = mtag.find('a'),
		  all = utag.find('a'),
		  alive = utag.find('a.on'),
		  minHgt = 30;
	  //获取元素最大高度, 设置最小高度.
	  utag.css('height','auto')
	  var lb = utag.height(),
	  ll = minHgt;
	  if (alive.parent().position().top<30){
		utag.css('height',minHgt);
	  }
	  //a标签点击改变样式
	  all.click(function(e){
		all.removeClass('on');
		$(this).addClass('on');
	  });
	  //检测ul元素显示高度, 是否显示更多按钮.
	  if (lb == 30){
		mtag.css('display', 'none');
		return false;
	  }
	  //显示更多点击事件
	  gtag.click(function(){
		if (utag.height() == ll){
		  utag.animate({ height: lb }, 500);
		  $(this).html("收起");
		  mtag.css("background-position","-28px -483px");
		}else if(utag.height() == lb){
		  utag.animate({ height: ll }, 500);
		  $(this).html("更多");
		  mtag.css("background-position","-28px -466px");
		};
	  });
	}
	function runAll(cname){
		clength = $('.'+cname+' .u-field').length;
		for (var i=0;i<clength;i++){
			slidedown("area"+i);
		}
	}
	runAll('u-filter');
	//slidedown("u-filter");
	//Tools.setSelected('u-listsum-1 dd', 'a', 'on');
	
	//蔬菜分类切换
	function opensky(tag){
		var config = {
			tagName : 'u-listsum',
			title : 'dt a',
			logo : 'i',
			body : 'dd'
		},
		config = $.extend(config, tag);
		d = $('.'+config.tagName).find('div'),
		all = $('.'+config.tagName).find('a'),
		config.temp=0;
		config.slide = function(){
			d.bind('click', function(){
				for (var i=0;i<d.length;i++){
					if ($(this).index()==i){
						$(this).find(config.body).slideDown();
						$(this).find(config.logo).removeClass('ja').addClass('ji');
					} else {
						if (i!=config.temp){
							d.eq(i).find(config.body).slideUp();
							d.eq(i).find(config.logo).removeClass('ji').addClass('ja');
						}	
					}
				}
			});
		}
		config.slidechild = function(obj){
			for (var i=0;i<obj.length;i++){
				if (config.temp==i){
					obj.eq(config.temp).find(config.body).slideDown();
					obj.eq(config.temp).find(config.logo).removeClass('ja').addClass('ji');
				} else {
					obj.eq(i).find(config.body).slideUp();
					obj.eq(i).find(config.logo).removeClass('ji').addClass('ja');
				}
			}
		}
		all.click(function(){
			all.removeClass('on');
			$(this).addClass('on');
			if ($(this).parent().is('li')){
				config.temp=$(this).parent().parent().parent().parent().parent().index();
				config.slidechild(d);
				return false;
			}
			config.temp=$(this).parent().parent().parent().index();
			config.slidechild(d);
			return false;
		});
		config.slide();
		
	}
	//opensky();
	var temp=0,
	d = $('.u-listsum').find('div'),
	all = $('.u-listsum').find('a');
	
	d.click(function(){
		for (var i=0;i<d.length;i++){
			if ($(this).index()==i){
				$(this).find('dd').slideDown();
				$(this).find('i').removeClass('ja').addClass('ji');
			} else {
				if (i!=temp){
					d.eq(i).find('dd').slideUp();
					d.eq(i).find('i').removeClass('ji').addClass('ja');
				}	
			}
		}
	});
	
	all.click(function(){
		all.removeClass('on');
		$(this).addClass('on');
		if ($(this).parent().is('li')){
			temp=$(this).parent().parent().parent().parent().parent().index();
			for (var i=0;i<d.length;i++){
				if (temp==i){
					d.eq(temp).find('dd').slideDown();
					d.eq(temp).find('i').removeClass('ja').addClass('ji');
				} else {
					d.eq(i).find('dd').slideUp();
					d.eq(i).find('i').removeClass('ji').addClass('ja');
				}
			}
			return false;
		}
		temp=$(this).parent().parent().parent().index();
		for (var i=0;i<d.length;i++){
			if (temp==i){
				d.eq(temp).find('dd').slideDown();
				d.eq(temp).find('i').removeClass('ja').addClass('ji');
			} else {
				d.eq(i).find('dd').slideUp();
				d.eq(i).find('i').removeClass('ji').addClass('ja');
			}
		}
		return false;
	});
	
		//价格,起批量hover
		$('.prices').hover(function(){
				$(this).addClass('prices-hover');
			},
			function(){
				$(this).removeClass('prices-hover');
			}
		);	
		//商品排序hover
		var Cache1;
		$('.prices input').focus(function(){
			Cache1 = $(this).attr('value');
			$(this).attr('value','');
		}).blur(function(){
			if ($(this).attr('value') != ''){
				$(this).attr('value');
			}else {
				$(this).attr('value',Cache1);
			}	
		});
		//排序显示.
		$('.fl a').click(function(){
			$(this).parent().find('a').removeClass('e4');
			$(this).addClass('e4');
			if ($(this).hasClass('sort')){
				if ($(this).find('b').hasClass('u-arr-up'))
				{
					$(this).find('b').removeClass('u-arr-up');
					$(this).find('b').addClass('u-arr-dn');
				}else if ($(this).find('b').hasClass('u-arr-dn'))
				{
					$(this).find('b').removeClass('u-arr-dn');
					$(this).find('b').addClass('u-arr-up');
				}
			}
		});
	});