[jQuery] fulldown메뉴 만들기(풀다운)

html

		

			Menu01
			

				
010101
				
02002020
				
03033
			
		
		

			Menu02
			

				
0123
				
023213
				
03332
			
		
		

			Menu03
			

				
01
				
02
				
03
			
		
	

css

#gnb{padding:10px;}
#gnb .p{display:inline-block;height:33px;padding:0 25px;}
#gnb .submenu{position:absolute;top:43px;left:0;background:#ccc;width:100%;height:30px;}
#gnb .submenu li{display:inline-block;padding:0 25px;line-height:30px;}
#gnb .p > a:hover{color: red;}

Jquery

$(function(){
	$("#gnb li").mouseover(function(){
		$(this).children("ul").show();
		$(this).find("a").addClass("on");
	});
	$("#gnb li").mouseout(function(){
		$(this).children("ul").hide();
		$(this).find("a").removeClass("on");
	});
});