title: Overflow hidden not working with jQuery .css click event
body: <p>I'm assigning <code>overflow: hidden</code> but it does not seem to work</p>
  
  <p><a href="http://jsfiddle.net/9s9vW/" rel="nofollow">jsFiddle</a></p>
  
  <p>html </p>
  
  <pre><code>&lt;ul class="list-container"&gt;
      &lt;li&gt;items items&lt;/li&gt;
      &lt;li&gt;items items&lt;/li&gt;
      &lt;li&gt;items items&lt;/li&gt;
      &lt;li&gt;items items&lt;/li&gt;
      &lt;li&gt;items items&lt;/li&gt;
      &lt;li&gt;items items&lt;/li&gt;
      &lt;li&gt;items items&lt;/li&gt;
      &lt;li&gt;items items&lt;/li&gt;
      &lt;li&gt;items items&lt;/li&gt;
  &lt;/ul&gt;
  &lt;a href="#" class="hide_list"&gt;Hide list&lt;/a&gt;
  </code></pre>
  
  <p>jQuery</p>
  
  <pre><code>$('.hide_list').click(function() {
          $('.list-container').animate({width: "2px"});
          $('.list-container').css("overflow","hidden");
      });
  </code></pre>
  
  <p>I an trying to achieve a slide shut effect on a div. Even if there was another way to do it, i'm not sure why this isn't working though.</p>