Poszukałem. Działa, ale.. Ładuje się gdy div się zwija.. Oto mój kod:
Kod
var j = jQuery.noConflict();
j(document).ready(function(){
j("#fblikeboxright").hover(function(){
j(this).stop(true,false).animate({right: 0}, 500);
},function(){
j('#fbcontentright').load('fb.php');
j("#fblikeboxright").stop(true,false).animate({right: -200}, 500);
});
j("#fblikeboxleft").hover(function(){
j(this).stop(true,false).animate({left: 0}, 500);
},function(){
j("#fblikeboxleft").stop(true,false).animate({left: -200}, 500);
});
});
Zrobiłem. Chyba troche śmiesznie, ale działa:
Kod
var j = jQuery.noConflict();
j(document).ready(function(){
var i=0;
j("#fblikeboxright").hover(function(){
i++;
j(this).stop(true,false).animate({right: 0}, 500);
if(i==1)
j('#fbcontentright').load('fb.php');
},function(){
j("#fblikeboxright").stop(true,false).animate({right: -200}, 500);
});
j("#fblikeboxleft").hover(function(){
j(this).stop(true,false).animate({left: 0}, 500);
},function(){
j("#fblikeboxleft").stop(true,false).animate({left: -200}, 500);
});
});
Można lepiej to zrobić?