Estoy usando jQueryanimate() y simplemente no funciona. Estoy tratando de obtener un div para deslizarse fuera de otro div que lo contiene y tieneoverflow:hidden. He intentado cada combinación deleft En lo animado y nada. Solo para asegurarme, también intenté cambiar el ancho del div (galería) y cambia el ancho, pero no el izquierdo.

¿Qué estoy haciendo mal?

<code>function an() {

  //$('#gallery').fadeOut();
  //$('#gallery').animate({left:'-=1000'},'slow');
  $('#gallery').animate({
    'left': '+=100px'
  }, 'slow');

}</code>

<code><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<div align="center" style="position:relative; height:137px; overflow:hidden; width:1000px; border:3px solid #ff0000;">
  <div id="gallery" style="background-color:#033; width:100px; height:137px;"></div>
</div>
<a href="#" onclick="an(); return false;">test</a></code>

Ver en JSFiddle