ershouche/WebRoot/script/eg_top_search.js

微信扫码关注公众号，代码整理好后第一时间通知你。

VIVO_UIMIX = {
	init : function(){
		var headBox=$("#egc-head"),
		navBox=headBox.find(".search-mb"),
		searchBox=headBox.find(".egc-search"),
		searchInput=searchBox.find("input"),
		searchBtn=navBox.find(".search-mb-btn i"),		
		closeSearchBtn=searchBox.find("a.close"),
		isSearchClose=true,
		isMenuEnter=isCommEnter=false;

		closeSearchBtn.css({opacity:0});
		searchBox.on({
			mouseenter : function(){
				closeSearchBtn.animate({opacity:1},300);
			},
			mouseleave : function(){
				closeSearchBtn.animate({opacity:0},300);
			}
		});

		searchBtn.on("click",function(){
			if(isSearchClose){
				searchBox.children().css({opacity:0});
				searchBox.css({display:"block",height:0}).stop().animate({height:60},300);
				searchBox.children().stop().delay(300).animate({opacity:1},500);
				searchInput.focus().val("");
				$(this).addClass("current");
				isSearchClose=false;
			}else{
				searchBox.stop().animate({height:0},300,function(){
					$(this).css({display:"none"});
					isSearchClose=true;
				});
				$(this).removeClass("current");
			}
			return false;
		});
		closeSearchBtn.on("click",function(){
			searchBtn.click();
			return false;
		});
		
	}
};

$(document).ready(function() {VIVO_UIMIX.init()});