Untitled

<html>
<head>
	<style type="text/css" rel="stylesheet" >
	.black {
    position:absolute;
    height:100px;
    width:200px;
    background-color:gray;
}
.orange {
    display:none;
    position:absolute;
    height:100px;
    width:100px;
    background-color:orange;
    left:200px;
}
	</style>
	<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script>

    <script type="text/javascript">
	$(document).ready(function () {
    $(".black").hover(function () {
        $(".orange").toggle();
    });
});
	</script>
</head>
<body>

<div class="black"></div>
<div class="orange"></div>

</body>
</html>