ddimonn8080
@ddimonn8080

Почему анимация срабатывает через раз?

Здравствуйте, сделал небольшие вкладки в которых предполагается анимация, а именно по клику на таб элементы контента съезжаются к центру

Почему-то анимация срабатывает через раз.

Помогите найти причину.

Ссылка на вкладки

/* ------------------------>>> Вкладки Возможностей Владельца/Продавца <<<------------------------------------------------- */
	(function(){

		var $tabSection = $('.poss__section'),
			$tabsHeader = $('.poss__headerListItem');

		$(document).on('click', '.poss__headerListItem', function(e){
			e.preventDefault();
			var $this = $(this),
				target = '#' + $this.attr('data-id');

			$tabsHeader.removeClass('active');
			$this.addClass('active');
			$tabSection.removeClass('active');
			$(target).addClass('active');
		});

	})();
	/* ------------------------>>> > Вкладки Возможностей Владельца/Продавца End <<<------------------------------------------------- */


.poss__section .poss__image {
    position: absolute;
    display: block;
    bottom: 0;
    right: 100%;
}

.poss__section.active .poss__image {
    right: 0;

    -webkit-transition: all .6s ease 1s !important;
    -moz-transition: all .6s ease 1s !important;
    -o-transition: all .6s ease 1s !important;
    transition: all .6s ease 1s !important;
}

.poss__section {
    display: none;
}

.poss__section.active {
    display: block;
}
  • Вопрос задан
  • 201 просмотр
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы