Add Flexslider(s) On Jquery Ui Tabs - Making Them Work

I have a flexslider working on the first Jquery UI tab, but when I place on the second one its a nogo....anyone know what else you have to add to make this function work? I include

Solution 1:

I found a way!

@isherwood thanks your way was close but it did help me figure to set the 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;
}