css - Add flexslider(s) on Jquery UI tabs - making them work -


i have flexslider working on first jquery ui tab, when place on second 1 nogo....anyone know else have add make function work? included jfiddle of 1 thats not working:

$('#slider').flexslider({                 animation: "slide",                 controlnav: false,                 animationloop: false,                 slideshow: false             });  $('#slider2').flexslider({                 animation: "slide",                 controlnav: false,                 animationloop: false,                 slideshow: false             }); 

jfiddle

that link had answers nothing proof working.... saw advanced slider has method make work:

<script type="text/javascript"> jquery(document).ready(function($) {      $(".ui-tabs").tabs({ select: function (event, ui) {           if ($(ui.panel).find('.advanced-slider').length) {                var interval = setinterval(function() {                     if ($(ui.panel).css('display') == 'block') {                          $('.advanced-slider').advancedslider().dosliderlayout();                          clearinterval(interval);                     }                }, 100);           }      }}); }); </script> 

from link:

link

so i'm wondering if how implement flexslider.

i found way!

@isherwood way close did me figure set ui tabs css:

.ui-tabs__panel {     display: block !important;     position: absolute;     opacity: 0;     z-index:0;     top: 5em;     left: -9999em }  .ui-tabs__panel--active {     opacity: 1;     z-index:1;     left: 0; } 

Comments

Popular posts from this blog

css - Which browser returns the correct result for getBoundingClientRect of an SVG element? -

gcc - Calling fftR4() in c from assembly -

.htaccess - Matching full URL in RewriteCond -