Wysuwane okienko z boku HTML

<html>
    <head>
        <title>Ehhh</title>
    </head>
    <style>
        #okienko {
            width: 400px;
            height: 400px;
            background: yellow;
            float: right;
            position: fixed;
            right: -300px;
        }
    </style>
    <body>
        <div id="okienko"></div>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
        <script>
            $('#okienko').hover(function(){
                 $(this).animate({
                    right: "0px"
                }, 500)
            }, function(){
                $(this).animate({
                    right: "-300px"
                }, 500)
            });
        </script>

</body>
</html>