$(document).ready(function(){
	$("ul#myajaxmenu li").hover(
		function() {
		 //メインメニュー（#topnavi li）にマウスが乗った時
//		$(this).css({ 'background' : '#1376c9'}); //その要素の背景色を変える
//			$(this).find("ul").show();  //サブメニューを表示
//			$(this).find("ul").fadeIn(500);  //サブメニューを表示
			$(this).find("ul").animate(
			    {height: "toggle", opacity: "toggle"},
			    300
			);
  
		},
		function(){
//		$(this).css({ 'background' : 'none'}); //背景色を戻す
			$(this).find("ul").fadeOut(300); //サブメニュー隠す
/*			$(this).find("ul").animate(
			    {height: "toggle", opacity: "toggle"},
			    100
			);*/
		}
	);
});