title: jCarousel Resizing Issue with Show/Hide List Elements
body: <p>Is it possible to show/hide list elements within a jCarousel without loosing the scroll button behavior? I can dynamically add the elements but need more work. </p>
  
  <p>I tried to set a dynamic width for the 'UL', but scroll button not getting disabled.</p>
  
  <p>Here is the sample code which I created using basic sample of jCarousel.</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; 
  &lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us"&gt; 
  &lt;head&gt; 
  &lt;title&gt;jCarousel Examples&lt;/title&gt; 
  &lt;link href="../style.css" rel="stylesheet" type="text/css" /&gt; 
  &lt;!--
    jQuery library
  --&gt; 
  &lt;script type="text/javascript" src="http://sorgalla.com/projects/jcarousel/lib/jquery-1.4.2.min.js"&gt;&lt;/script&gt; 
  &lt;!--
    jCarousel library
  --&gt; 
  &lt;!--&lt;script type="text/javascript" src="http://sorgalla.com/projects/jcarousel/lib/jquery.jcarousel.min.js"&gt;&lt;/script&gt; --&gt;
  &lt;script type="text/javascript" src="http://sorgalla.com/projects/jcarousel/lib/jquery.jcarousel.min.js"&gt;&lt;/script&gt; 
  &lt;!--
    jCarousel skin stylesheet
  --&gt; 
  &lt;link rel="stylesheet" type="text/css" href="http://sorgalla.com/projects/jcarousel/skins/tango/skin.css" /&gt; 
  
  &lt;script type="text/javascript"&gt;
  
      jQuery(document).ready(function () {
          var carouselObj;
          jQuery('#mycarousel').jcarousel({ itemLoadCallback: mycarousel_itemLoadCallback });
  
          $("a#lnkHiddenRows").click(function () {
              $("ul#mycarousel li.hiddenRow").hide();
              carouselObj.visible = 3;
              $("ul#mycarousel").css("width", "280px");
              //carouselObj.size = 4;
              //carouselObj.reload();
              //carouselObj.setup();
          });
  
          $("a#lnkAllRows").click(function () {
              $("ul#mycarousel li.hiddenRow").show();
          });
  
          function mycarousel_itemLoadCallback(carousel, state) {
              carouselObj = carousel;
          };
  
      });
  
  &lt;/script&gt; 
  
  &lt;/head&gt; 
  &lt;body&gt; 
  &lt;div id="wrap"&gt; 
    &lt;h1&gt;jCarousel&lt;/h1&gt; 
    &lt;h2&gt;Hide and Show jCarousel List Items.&lt;/h2&gt; 
  
    &lt;h3&gt;Simple carousel&lt;/h3&gt; 
  
    &lt;a href="#" id="lnkHiddenRows"&gt;Show Hidden Rows Only&lt;/a&gt; &lt;br /&gt;
    &lt;a href="#" id="lnkAllRows"&gt;Show All&lt;/a&gt;
  
    &lt;ul id="mycarousel" class="jcarousel-skin-tango"&gt; 
      &lt;li&gt;&lt;img src="http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg" width="75" height="75" alt="" /&gt;&lt;/li&gt; 
      &lt;li&gt;&lt;img src="http://static.flickr.com/75/199481072_b4a0d09597_s.jpg" width="75" height="75" alt="" /&gt;&lt;/li&gt; 
      &lt;li class="hiddenRow"&gt;&lt;img src="http://static.flickr.com/57/199481087_33ae73a8de_s.jpg" width="75" height="75" alt="" /&gt;&lt;/li&gt; 
      &lt;li&gt;&lt;img src="http://static.flickr.com/77/199481108_4359e6b971_s.jpg" width="75" height="75" alt="" /&gt;&lt;/li&gt; 
      &lt;li class="hiddenRow"&gt;&lt;img src="http://static.flickr.com/58/199481143_3c148d9dd3_s.jpg" width="75" height="75" alt="" /&gt;&lt;/li&gt; 
      &lt;li&gt;&lt;img src="http://static.flickr.com/72/199481203_ad4cdcf109_s.jpg" width="75" height="75" alt="" /&gt;&lt;/li&gt; 
      &lt;li class="hiddenRow"&gt;&lt;img src="http://static.flickr.com/58/199481218_264ce20da0_s.jpg" width="75" height="75" alt="" /&gt;&lt;/li&gt; 
      &lt;li class="hiddenRow"&gt;&lt;img src="http://static.flickr.com/69/199481255_fdfe885f87_s.jpg" width="75" height="75" alt="" /&gt;&lt;/li&gt; 
      &lt;li class="hiddenRow"&gt;&lt;img src="http://static.flickr.com/60/199480111_87d4cb3e38_s.jpg" width="75" height="75" alt="" /&gt;&lt;/li&gt; 
      &lt;li class="hiddenRow"&gt;&lt;img src="http://static.flickr.com/70/229228324_08223b70fa_s.jpg" width="75" height="75" alt="" /&gt;&lt;/li&gt; 
    &lt;/ul&gt; 
  
  &lt;/div&gt; 
  &lt;/body&gt; 
  &lt;/html&gt; 
  </code></pre>