Reakce na odpověď

Za prvé, dělat web tak, že "není zoptimalizovaný" je naprostá blbost. Není třeba něco "optimalizovat", když to děláš normálně. Ale to bys pak nemohl mít dole nápis "Optimalizováno pro Internet Explorer 8, 2500 x 1680, 5 GByte/s".
Za druhé. Na rady ohledně velikosti ses sice neptal, ale dal jsi sem link, že mi zamrzl mobil, když jsem tam vlezl.
Nicméně našel jsem ti to (zadal jsem v Google "vysouvací div"). Podle mě se to dá udělat vícero způsoby i bez načítání knihoven a jánevímčeho (není to však animované).

<html>
  <head>
    <script src="jquery.js"></script>
    <script>
      $(function() {
        $("#test").click(function() {
          $(this).animate({width: 1000}, 500);
        });
      });
    </script>
    <style>
      #test {
        width: 100px;
        height: 100px;
        border: 1px solid #000000;
      }
    </style>
  </head>
  <body>
    <div id="test"></div>
  </body>
</html>

http://webtrh.cz/74455-vysouvaci-div

Jak rozbalit div pomocí js/jquery?