Uikit switcher, not showing the nested slider, why?

The issue is - with the help of Uikit, or rather its component switcher I created a couple of tabs. Inside one of them put native UIKIT slider. The problem here than when the page loads if the tab, where the slider is active, the slider is working fine. However, if the tab is not active, then when you click on it, the slider is not shown, although in the source code it is. What could be the problem? Attach the source code.
<div id="slideeer" class="uk-container uk-container-center">
 the <h3>Slider and Slideshow</h3>
 <div class="uk-container uk-container-center uk-width-3-4">
 <div id="slideshow" data-uk-slideshow>
 <div class="uk-slidenav-position">
 <ul class="uk-slideshow">
 <p><img src="http://getuikit.com/docs/images/placeholder_800x400_1.jpg"></li>
 <p><img src="http://getuikit.com/docs/images/placeholder_800x400_2.jpg"></li>
 <p><img src="http://getuikit.com/docs/images/placeholder_800x400_3.jpg"></li>
 <p><img src="http://getuikit.com/docs/images/placeholder_800x400_1.jpg"></li>
 <p><img src="http://getuikit.com/docs/images/placeholder_800x400_2.jpg"></li>
 <p><img src="http://getuikit.com/docs/images/placeholder_800x400_3.jpg"></li>
</ul>
the <ul>
 <a href class="uk-slidenav uk-slidenav-contrast uk-slidenav-previous" data-uk-slideshow-item="previous"></a>
 <a href class="uk-slidenav uk-slidenav-contrast uk-slidenav-next" data-uk-slideshow-item="next"></a>
</ul>
</div>
 <div id="slider" class="uk-slidenav-position" data-uk-slider="{center:true}">
 <div class="uk-slider-container">
 <ul class="uk-slider uk-grid-width-medium-1-4">
 <li data-uk-slideshow-item="0">
 <img src="http://getuikit.com/docs/images/placeholder_800x400_1.jpg">
</li>
 <li data-uk-slideshow-item="1">
 <img src="http://getuikit.com/docs/images/placeholder_800x400_2.jpg">
</li>
 <li data-uk-slideshow-item="2">
 <img src="http://getuikit.com/docs/images/placeholder_800x400_3.jpg">
</li>
</ul>
 <a href class="uk-slidenav uk-slidenav-contrast uk-slidenav-previous" data-uk-slider-item="previous"></a>
 <a href class="uk-slidenav uk-slidenav-contrast uk-slidenav-next" data-uk-slider-item="next"></a>
</div>
</div>
</div>
</div>
 </div>
July 9th 19 at 14:05

Find more questions by tags CSSHTMLjQueryUIkit