[Neumann1970]

Всем привет!
Такой вопрос есть панель табов при переходе с одного на другой сейчас действие происходит мгновенно. Мне нужно что бы при нажатии область активного отображения равномерно затухало в цвет фона, на новом равномерно появлялось.
Как это сделать? Подскажите пожалуйста если что-то подобное делали или какой-то похожий ваш вариант.
Спасибо!

https://codepen.io/wizly/pen/BlKxo/

[Vlad03]

jquery и css3 использовать.

[Neumann1970]

а как этот эффект называется?

[Vlad03]

Здесь пример посмотрите.

[cybb]

Neumann1970,
если говорить о CSS то можно применить transition и указать время перехода и скорость
если речь о jquery то это fadein и fadeout с указанием времени в м/с

[Neumann1970]

Спасибо! разобрался в бутстрапе это называется "fade" эффект - просто добавляется классом в блок tab-content.
Благодарю за ответы.

[KonstantinK]

Очень быстрый и удобный скрипт таб вкладок

<ul>
<li class="tab-item">First</li>
<li class="tab-item">Second</li>
</ul>

<div class="tab-content">
<div class="tab-content_item"></div>
<div class="tab-content_item"></div>
</div>


$(".tab-content_item").not(":first").hide();
$(".tab-item").click(function() {
$(".tab-item").removeClass("active-tab").eq($(this).index()).addClass("active-tab");
$(".tab-content_item").hide().eq($(this).index()).fadeIn()
});