Sto provando ad usare animate().
Solo che a me servirebbe da destra verso sinistra.

Il codice js che uso è:
function box(){
$( ".box_click" ).animate({ width:"193px" }, 800 )};

L'html è:
<div class="box_click">
</div>
<div class="testo_pagina">



<ul>
<li id="prodotti_hover">Sito internet statico[/list]
</p>
</div>

Il css è:
.box_click{
position:absolute;
top:101px;
left:732px;
z-index:2;
height:509px;
background-color:#222222;
}

Ho provato a mettere float:right (e left) ma non cambia niente.
E ho provato anche a dividere la classe box_click in 2 in modo che da una parte c'era una classe "contenitore" (position:absolute;top:101px;left:732px;z-index:2 e dell'altra una classe "rettangolo" (height:509px;background-color:#222222, naturalmente cambiando classe nel codice js, pero fa sempre da sinistra verso destra. (anche mettendo in "rettangolo", float:right; (o left); o right: 10px.