Задать вопрос
@thedexploit
Сайтами маюсь
javascript

Как сделать смену фона родительского блока при смене табов в дочернем блоке?

Есть блок. У него на фоне стоит картинка.
В блоке идет пара строк и дальше 7 табов с информацией.
Нужно что бы при смене табов менялся фон внешнего блока. Как можно организовать?
  • Вопрос задан
  • 314 просмотров
Комментировать
Подписаться 1 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 2
@miserenkov
Middle PHP Developer
Табы меняются по клику на них ? Повешайте событие onclick на кнопку таба, и в том событии выполняйте смену фона.
Примерно так:
$(".tab-button").click(function() {
    $("#parentBlock").css('background', "#000000");
});
Ответ написан
6 комментариев
6 комментариев
@tester_toster
Это css
<ul>
<li>Вкладка 1</li>
<li>Вкладка 2</li>
<li>Вкладка 3</li>
<ul>
<div class="tabs">
<div class="tab"></div>
<div class="tab active"></div>
<div class="tab"></div>
</div>

.tab{
display:none;
}
.tab.active{
display:block;
}

Либо меняйте фон самого tab'а, либо используйте конструкцию и меняйте фон враппера:
.tabs + .tab:nth-child(2).active{
   background-color: red;
}

Вместо nth-child можете использовать отдельный класс для каждой вкладки
Ответ написан
2 комментария
2 комментария
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
В wordpress подключить модуль по рассрочке (документацию дам)
23 апр. 2024, в 20:43
4500 руб./за проект
Поддержка сайта на Ларавель (laravel)
23 апр. 2024, в 20:36
1000 руб./в час
Восстановить доступ к аккаунту gmail
23 апр. 2024, в 20:32
6000 руб./за проект
Ещё заказы