Untitled

<!doctype html>
<html>
<head>

<link rel="stylesheet" href="jquery.sidr.light.css">

<style>

#hoverzone {
border:2px solid black;
width:200px;
height:100px
}

</style>

</head>

<body>

<div id="hoverzone">
</div>

<div id="sidr">
</div>

<script src="jquery-1.11.1.js"></script>

<script src="jquery.sidr.min.js"></script>

<script>

$(document).ready(function() {
$('#hoverzone').hover(function() {
    $.sidr('open', '#sidr');
},
function(){
    $.sidr('close', '#sidr');
}
); preventDefaultEvents: false
});

</script>


</body>
</html>