menu kekanan jquery

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Latihan 1</title>
        <script type="text/javascript" src="jquery.js"></script>
        <style>
        	div#gmenu{
				border:#39F solid 3px;
				background-color:#CCF;
				width:200px;
				height:80px;
				text-align:center;
				vertical-align:middle;
				font:"Times New Roman", Times, serif;
				font-size:22px;
				}

			div#gsmenu{
				border:#39F solid 3px;
				background-color:#C9F;
				position:absolute;
				width:200px;
				height:120px;
				font-size:16px;
				margin-left:203px;
				margin-top:-73px;
			}
        </style>

        <script type="text/javascript">
        $(document).ready(function(){

			$(".smenu1").hide();
			$(".smenu2").hide();
			$(".smenu3").hide();

			$(".menu1").mouseover(function(){
            	$(".menu1").css("background-color","#00F");
				$(".smenu1").show();
			});
			$(".menu1").mouseout(function(){
            	$(".menu1").css("background-color","#CCF");
				$(".smenu1").hide();
			});

			$(".menu2").mouseover(function(){
            	$(".menu2").css("background-color","#00F");
				$(".smenu2").show();
			});
			$(".menu2").mouseout(function(){
            	$(".menu2").css("background-color","#CCF");
				$(".smenu2").hide();
			});

			$(".menu3").mouseover(function(){
            	$(".menu3").css("background-color","#00F");
				$(".smenu3").show();
			});
			$(".menu3").mouseout(function(){
            	$(".menu3").css("background-color","#CCF");
				$(".smenu3").hide();
			});

        });
        </script>


	</head>

    <body>

        <div class="contain">
            <div id="gmenu" class="menu1">
            	<p>Menu 1</p>
                <div id="gsmenu" class="smenu1">
                    <p>Menu 1 - Submenu 1<br/>
                    Menu 1 - Submenu 2<br/>
                    Menu 1 - Submenu 3<br/>
                    Menu 1 - Submenu 4<br/></p>
            	</div>
            </div>


            <div id="gmenu" class="menu2">
            	<p>Menu 2</p>
                <div id="gsmenu" class="smenu2">
                <p>Menu 1 - Submenu 1<br/>
                Menu 1 - Submenu 2<br/>
                Menu 1 - Submenu 3<br/>
                Menu 1 - Submenu 4<br/></p>
            </div>
            </div>


            <div id="gmenu" class="menu3">
            	<p>Menu 3</p>
                <div id="gsmenu" class="smenu3">
                <p>Menu 1 - Submenu 1<br/>
                Menu 1 - Submenu 2<br/>
                Menu 1 - Submenu 3<br/>
                Menu 1 - Submenu 4<br/></p>
            </div>
            </div>


        </div>

    </body>
</html>