Metody click czy toggle już testowałem i nie umiem tego przerobić. bardzo proszę o pomoc.
JS
Kod
<script language="javascript">
$(document).ready(function(){
var speed = 300;
var bg = '/img/tlo.png';
$(".fb-fb").css('background-image', 'url('+bg+')');
$(".fb-fb").hover(function(){
$(".fb-fb").animate({right: "0px"}, {queue:false,duration:speed} );
return false;
},function(){
$(".fb-fb").animate({right: "-209px"}, {queue:false,duration:speed} );
return false;
});
});
</script>
$(document).ready(function(){
var speed = 300;
var bg = '/img/tlo.png';
$(".fb-fb").css('background-image', 'url('+bg+')');
$(".fb-fb").hover(function(){
$(".fb-fb").animate({right: "0px"}, {queue:false,duration:speed} );
return false;
},function(){
$(".fb-fb").animate({right: "-209px"}, {queue:false,duration:speed} );
return false;
});
});
</script>
CSS
Kod
<style type="text/css">
.fb-fb{width:200px; padding:10px 5px 5px 36px; height:360px; position:fixed; top:5%; right:-209px;z-index:99999; display:block;}
</style>
.fb-fb{width:200px; padding:10px 5px 5px 36px; height:360px; position:fixed; top:5%; right:-209px;z-index:99999; display:block;}
</style>
HTML
Kod
<div class="fb-fb">
<div style="background:#fff;">
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box href="http://www.facebook.com/demotywatory" colorscheme="light" width="200" height="350" show_faces="true" stream="false" header="true"></fb:like-box>
</div>
</div>
<div style="background:#fff;">
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box href="http://www.facebook.com/demotywatory" colorscheme="light" width="200" height="350" show_faces="true" stream="false" header="true"></fb:like-box>
</div>
</div>