Форма left banner

<style>
.form2dir{
background-color:#fff;
z-index: 999;
left: 5px;
position: fixed !important;
bottom:5px;
display:none;
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.24), 0px 5px 35px 0px rgba(0, 0, 0, 0.3);
}
.form2close{
position: absolute;
top:5px;
right:10px;
opacity: 0.4;
font-size:80%;
cursor:pointer;
}
.form2close:hover{opacity: 0.9;}
.form2open{
height:32px;
width:32px;
background:url('/images/img.png') no-repeat center center;
position:fixed;
left:0;
bottom:0;
}
</style>
<div class="form2open"> </div>
<script>
$("body").on("click", ".form2close", function () {
$('.form2dir').css('display','none');
$('.form2open').css('display','block');
});
$('.form2open').hover(
function(){
$('.form2dir').css('display','block');
$('.form2open').css('display','none');
},
function(){
});
</script>

<div class="form2dir">
<a class="form2close">x</a>