linijka zaznaczona //nie dziala!!

Skrypt dziala prawie poprawnie.
Niestety linijka oznaczona //nie dziala!! [$("#"+box).animate({width: '-=200px'}, 200);]
nie odpala sie. Myslalem, ze w tym miejscu nie jest widoczne zmienna box.
Ale gdy zrobi sie alert(box); -> wartosc zmiennej istanieje, a wiec uchwyt do danego elementu.

W czym jest blad?
Prosze o pomoc

uzywam jQuery 1.6.1

[PHP] pobierz, plaintext 
var box;
var boxOpen;
$("#slides ul li").click(function(){
 
		if(box==$(this).attr("id") && boxOpen===true){
			$(this).animate({width: '-=200px'}, 200);
			box=false;
			boxOpen=false;
		}else{
			if(box!=$(this).attr("id")&& boxOpen===true){
				//nie dziala!!!
				$("#"+box).animate({width: '-=200px'}, 200);
				//nie dziala!!
			}else{
 
			$(this).animate({width: '+=200px'}, 200);
			box=$(this).attr("id");
			boxOpen=true;
			}	
   		}
 
});
 
 
[PHP] pobierz, plaintext 

[HTML] pobierz, plaintext 
<div id="slides">
        <ul>
            <li id="b1">1</li>
            <li id="b2">2</li>
            <li id="b3">3</li>
            <li id="b4">4</li>
            <li id="b5">5</li>
            <li id="b6">6</li>
            <li id="b7">7</li>
        </ul>
 
    </div>
[HTML] pobierz, plaintext 

Ok.. temat mozna zamknac..
Az wstyd sie przyznac.
w strukturze całej strony pojawily sie te same id...