МЕСТО ПОД РЕКЛАМУ
2 Март 2020

JQuery tabs — как сделать простые табы (вкладки)

posted in Javascript - JQuery, Полезности |

Не претендую на авторство, вырвал из видеоурока по вёрстке
Очень простая реализация табов — буквально несколько строчек.


$(".tabs li").click(function() {
var tabName = $(this).attr("data-tab-name");
$(this)
.addClass("active")
.siblings()
.removeClass("active");
$(".tab-content." + tabName)
.addClass("active")
.siblings()
.removeClass("active");
});

У лишек должен быть атрибут data-tab-name одноимённый с классом содержащим контент.

Рабочий код с минимальной стилизацией — ссылка.

Оставить комментарий

Яндекс.Метрика