ddimonn8080
@ddimonn8080

Как перезапустить flexslider 2?

Здравствуйте. Внутри табов находятся слайдеры. В каждой вкладке один слайдер. При клике на таб прячутся все контейнеры слайдеров а нужному ставится display: block;
В итоге работает(виден) только первый слайдер. Остальные не видны. Видны только их управление(next/prev).
Посоветуйте рабочий плагин табов для слайдера flexslider 2.
flexslider.woothemes.com
Или возможно нужно обновлять слайде по клику на таб?
Не знаю как это сделать.

/*--------------------------------- функция для вкладок -----------------------------*/
	function getTabs(tabsClass, sectionsClass, classActive){
		var $tabs = $('.' + tabsClass),
			$sections = $('.' + sectionsClass);

		$sections.not(':first').hide();

		$tabs.click(function(){
			$tabs.removeClass(classActive).eq($(this).index()).addClass(classActive);
			$sections.hide().eq($(this).index()).fadeIn();
		}).eq(0).addClass(classActive);
	}
	
	/* вызов функции вкладок */
	getTabs('choice__tab', 'choice__slider', 'active');
	/*--------------------------------- функция для вкладок End -------------------------*/
  • Вопрос задан
  • 285 просмотров
Пригласить эксперта
Ответы на вопрос 1
ddimonn8080
@ddimonn8080 Автор вопроса
Нашел решение.
function getTabs(tabsClass, sectionsClass, classActive){
		var $tabs = $('.' + tabsClass),
			$sections = $('.' + sectionsClass);

		$sections.not(':first').addClass('choice__posAbs');

		$tabs.click(function(){
			$tabs.removeClass(classActive).eq($(this).index()).addClass(classActive);
			$sections.addClass('choice__posAbs').eq($(this).index()).removeClass('choice__posAbs');
		}).eq(0).addClass(classActive);
	}


.choice__posAbs {
	position: absolute;
	left: -100000px;
}
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы