Facebook Like Box
HTML
<div id="slider">
<div id="panel">
<iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Ffacebook&tabs&width=340&height=214&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId" width="340" height="214" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true">
</iframe>
</div>
<div id="icon">
<img src="http://i.imgur.com/HRkOnua.jpg">
</div>
</div>
CSS
#panel {
float: left;
background: #FFF;
}
#icon{
float: right;
}
#slider {
position: absolute;
left: -340px;
top: 350px;
}
JAVASCRIPT
$(document).ready(function() {
$("#slider").hover(function(){
$(this).animate({left: "0px"});
},
function(){
$(this).animate({left: "-340px"});
}
);
});
