[JavaScript] Jquery show/hide Opcje

[kielich]

Witam mam problem z którym męczę sie już od 2 dni mianowicie, mając wtyczkę FB z prawej strony okranu działa ona kiedy sie najedzie/zjedzie myszką. Ja chcę to przerobić aby działało po kliknięciu i odkliknięciu
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>

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>

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>

[mortus]

Najpierw przykład. Możesz np. posłużyć się dodatkową zmienną, którą w przykładzie jest isVisible z domyślną wartością false i odpowiednio modyfikować wartość tej zmiennej po kliknięciu w element klasy .fb-fb. Na takiej zasadzie działa właśnie metoda .toogle(), jednak bezpośrednio pod .toogle() tego nie podepniesz (trzeba by było ingerować w kod jQuery).