Задать вопрос
@Vladis026
javascript

Как сделать отображение текста и смена background DIVa при наведении на текст?

Привет всем! Подскажите пожалуйста!
Есть 2 блока Bootstrap :

<div class="row">
<div class="col-md-6">
<div class="text1">Текст 1</div>
</div>

<div class="col-md-6">
<div class="text2">Текст 2</div>
</div>
</div>


Как при на наведении мыши допустим на слово "Текст 2" появлялось в соседнем блоке "Текст 1" и при этом background блока менялся допустим на красный цвет?

Пример:

5bb295468554c673997899.jpeg

Заранее благодарен за ответ!
  • Вопрос задан
  • 106 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 1
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
На CSS так
https://jsfiddle.net/tqg0Le91/
или так: https://jsfiddle.net/a734zx6o/
позиционируйте как вам нравится, думаю мысль понятна.

Либо на JS. Решений в инете полным полно.
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@antanol
Если через jQuery:

$(document).ready(function(){    
    $(".text2").click(function(){
        $(".text1").toggle();

сделает видимым блок с классом text1, если в css до этого задано:
.text1{
    display: none;
}


поменять фон можно через: 
$(document).ready(function(){    
    $(".text2").click(function(){
        $(".text1").css({ "background-color": "#f00"});
    });
});
Ответ написан
1 комментарий
1 комментарий
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Разработать электронику для весов с Wi-Fi
26 апр. 2024, в 01:22
1000 руб./в час
Очень срочно нужно помочь запустить программу с UI
26 апр. 2024, в 00:13
1000 руб./за проект
Создание бота/скрипта для сайта забронирование мест
26 апр. 2024, в 00:10
30000 руб./за проект
Ещё заказы