2
Март
2020
JQuery tabs — как сделать простые табы (вкладки)
Не претендую на авторство, вырвал из видеоурока по вёрстке
Очень простая реализация табов — буквально несколько строчек.
$(".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 одноимённый с классом содержащим контент.
Рабочий код с минимальной стилизацией — ссылка.
рубрики: Javascript - JQuery, Полезности | Комментарии (0)