Работа slick слайдера
 

Всем доброго времени суток.

Ситуация такая, в проект прикрутил slick slider, сделал табы, в зависимости от выбора которых отображается определенный блок, содержащий в себе слайдер. Сначала слайдер работает нормально, после загрузки страницы, а вот после переключения табов и отображения другого блока с уже другим слайдером - все летит, но после изменения размера экрана или прокрутки слайдера - он отображается корректно. Подскажите, как сделать, чтоб он с самого начала работал нормально. Я знаю, например, что для owl-slider надо создать переменную и потом в нужный момент ее вызвать .reinit(); и все норм работает. Заранее благодарен.
Если можно напишите подробненько:)

Можно ли как-то сделать 1 автоматический слайд? Либо прикрутить как-то resize после клика по табу. Или как-то ещё.

<li><a onclick="_click(1); return false;" href="#">Ссылка 1</a></li>
<li><a onclick="_click(2); return false;" href="#">Ссылка 2</a></li>

<div id="item1" style="display:none;">Код слайдера 1</div>
<div id="item2" style="display:none;">Код слайдера 2</div>

<script type="text/javascript">
		var _click = function () {
        var b = 1;
        return function (c) {
            var a = document.getElementById("item" + b);
            c == b && (a.style.display = "none" == a.style.display ? "" : "none");
            c != b && (a.style.display = "none", a = document.getElementById("item" + c), a.style.display = "", b = c)
        }
    	}();
		window.onload = function() {
    	_click(1)
 		}
	</script>