Jquery üstüne gelince açılan menü örnekleri fadeIn

html:

<div id="header-right-menu-user">
    <div id="header-right-menu-user-container">sadasdasd111111</div>
   
</div>


css:

 #header-right-menu-user {
    width:100px;
    height:100px;
    background-color:#000;
    position: relative;
}

#header-right-menu-user-container {
        position: absolute;
  top: 100px;
right: 0px;
width: 320px;
height: 200px;
z-index: 5;
display: none;
    background-color:red;
}


java:

$("#header-right-menu-user").hover(function() {
   $("#header-right-menu-user-container").fadeIn(300);
},function() {
$("#header-right-menu-user-container").hide();
});