title: Flexslider in jQuery UI dynamic tabs
body: <p>I need a flexslider in jQuery UI tabs. <strong><a href="http://print-copy74.ru/test/catalog/line-5000/" rel="nofollow">Here</a></strong> is the link to a test server. I don't know how many tabs I have because they are created dynamically with PHP. The problem is that when I fire a flexslider trigger it recognize only images from the first tab. Images in other tabs appear wit width 0 because other tabs are hidden and flexslider can not do it's math with images. The easy solution would be to use off-left-technique but ui-tabs-hide class is deprecated in jquery-ui-1.9.1 which I am using. Rolling back to 1.8 conflicts with WordPress 3.5.1 which I happen to use too. So the only solution I see is to trigger flexslider on each tab activation. So that's what I do:</p>
  
  <p>First I trigger flexslider after all libraries and images on page are loaded:</p>
  
  <pre><code>$(window).load(function() {
      $('.flexslider-doors').flexslider({
          animation: "slide",
          animationLoop: false,
          itemWidth: 64,
          itemMargin: 30,
          controlNav: false
      });
  
  });
  </code></pre>
  
  <p>And then on each tab activation I trigger flexslider again:</p>
  
  <pre><code>jQuery( "#colorTabs" ).tabs({
      activate: function( event, ui ) {
          jQuery('.flexslider-doors').flexslider({
              animation: "slide",
              animationLoop: false,
              itemWidth: 64,
              itemMargin: 30,
              controlNav: false
          });
      }
  });
  </code></pre>
  
  <p>The problem is that it works only the first time I switch tabs. Second time images do not appear. And the interesting thing is that if I for example go to another website or open Photoshop or something else and then come back images on broken tab are at their place and slider works as expected. Switch to another tab - no images. Do same thing with going to another website - everything fixed. I'm stuck =(</p>
  
  <p><a href="http://print-copy74.ru/test/catalog/line-5000/" rel="nofollow">http://print-copy74.ru/test/catalog/line-5000/</a></p>