[JavaScript] Problemy z jQuery Opcje

[lkj]

Hej,

Mam taki skrypt:

[PHP] pobierz, plaintext 
if (facebook == 'fb_off'){
		jQuery(".likebox").css('visibility', 'hidden');
	} else {
		if (facebook == 'fb_on_l'){
 
			jQuery(".likebox").hover(function(){
				jQuery(this).animate({left: "0"}, 700)},
					function(){ 
			jQuery(".likebox").stop(true,false).animate({left: "-307px"}, 700); });
 
			jQuery(".likebox").css('visibility', 'visible');
			jQuery(".likebox").css('background-position','0 100%');
			jQuery(".likebox_img").css('background-position','0 100%');
			jQuery(".likebox").css('left','-307px');
 
		} else {
 
			jQuery(".likebox").hover(function(){ 
				jQuery(this).animate({right: "0"}, 700)},
				function(){ 
				jQuery(".likebox").stop(true,false).animate({right: "-307px"}, 700); });
 
			jQuery(".likebox").css('visibility', 'visible');
			jQuery(".likebox_img").css('left','-33px');
		}
	}
[PHP] pobierz, plaintext 

Obecnie jak najedzie się kursorem myszką na obrazek fb to wysuwa się automatycznie pasek.
Jak zrobić, aby po kliknięciu myszką dopiero ten pasek się wysuwał?

Dzięki za pomoc.

[Kshyhoo]

Zamień zdarzenie hover na np. click.

[lkj]

Jak to będzie wyglądąło w moim kodzie?

[Comandeer]

$.fnclick z flagą/warunkiem, czyli coś typu:

Kod

jQuery(".likebox").click(function()
{
    var $this = jQuery(this);

    if(parseInt($this.css('right'), 10) < 0)
        $this.animate({right: "0"}, 700);
    else
        $this.stop(true,false).animate({right: "-307px"}, 700);
});