[jquery] div sticky sul lato destro al click va al centro ma quando torna a destra rimbalza al centro

[surferbloggy]

ciao ho un div stycky sul lato destro della pagina che cliccandolo si posiziona al centro della pagina del browser e cliccando su chiudi torna stycky a destra
funziona ma c'è un bug
con questo codice dopo che torna a destra non si ferma piu stycky a destra ma rimbalza nuovamente al centro come faccio a bloccarlo a destra cliccabile per tornare al centro se clicco

 
          jQuery.fn.slidecenter = function() {
                 var left = -$( ".lateral" ).width() / 2;
             
             $( ".lateral" ).fadeIn('slow',function(){
            $(this).animate({'margin-left': left + 'px',
                             'left': '50%'
                            },'slow');
        });
          }
              
                jQuery.fn.slideback = function() {
                    
                    
                    var left = -$( ".lateral" ).width() / 2;
             
             $( ".lateral" ).stop().fadeIn('slow',function(){
            $(this).animate({'margin-left': '-40px',
                             'left': '100%'
                            },'slow');
        });
                    
                

         }


          var cliccabile=true;
      
          
     $( ".lateral" ).click(function() {
   
         if(cliccabile==true){
             cliccabile=false;
        
         var $root = $(this);
        
        $("body").append("<div id='fade' class='black_overlay'></div>");
     
        $( ".lateral" ).append("<div class='closeX'><a  href='#'>CLOSE X</a></div>");
            
         $( ".lateral" ).slidecenter();

        $( ".closeX" ).click(function() {
          
            $("#fade").hide();

            $( ".lateral" ).slideback();

        });
         }else{
                cliccabile=false;
             $( ".lateral" ).slidecenter();

         }

con questo codice una volta che torna a destra non è piu cliccabile per ritornare al centro

 
          jQuery.fn.slidecenter = function() {
                 var left = -$( ".lateral" ).width() / 2;
             
             $( ".lateral" ).fadeIn('slow',function(){
            $(this).animate({'margin-left': left + 'px',
                             'left': '50%'
                            },'slow');
        });
          }
              
                jQuery.fn.slideback = function() {
                    
                    
                    var left = -$( ".lateral" ).width() / 2;
             
             $( ".lateral" ).stop().fadeIn('slow',function(){
            $(this).animate({'margin-left': '-40px',
                             'left': '100%'
                            },'slow');
        });
                    
                

         }


          var cliccabile=true;
      
          
     $( ".lateral" ).click(function() {
   
         if(cliccabile==true){
             cliccabile=false;
        
         var $root = $(this);
        
        $("body").append("<div id='fade' class='black_overlay'></div>");
     
        $( ".lateral" ).append("<div class='closeX'><a  href='#'>CLOSE X</a></div>");
            
         $( ".lateral" ).slidecenter();

        $( ".closeX" ).click(function() {
          
            $("#fade").hide();

            $( ".lateral" ).slideback();

        });
         }

mi aiutate a sistemare questo bug?? perchè rimbalza al centro quando torna a destra
grazie del'aiuto