Member 13884629 Ответов: 1

Нужна небольшая помощь по поводу автозапуска скрытого div с помощью JQEURY

Здравствуйте, мне удалось сделать div автозапуск и показать их соответствующий скрытый текст. Но теперь, как я могу сделать текущий div воспроизведения, чтобы быть в коричневом фоне точно так же, как когда я вручную наведу курсор на этот div.

Вот кодовый ключ, чтобы вы, ребята, могли его увидеть.

Анонимная ручка на CodePen[^]

Что я уже пробовал:

- Пытался разместить его на нескольких других форумах, таких как stackoverflow и sitepoint, но ответа нет
- Попытался нацелиться на div и добавить к нему фоновый css, но я понятия не имею, куда поместить код. Вроде как новичок в jquery.

1 Ответов

Рейтинг:
9

Richard Deeming

Добавьте "активный" селектор классов с соответствующими стилями:

.product-link:hover,
.product-link.active {
    background: #E6DCD0;
}

Добавьте класс "активный" к первой ссылке:
<div id="link0" class="product-link active">

Добавление / удаление "активного" класса в boxActivate функция:
var boxActivate = function(id){
    $links.removeClass("active");
    $boxes.hide().filter('#box' + id).show().closest(".product-link").addClass("active");
}

Вы также захотите установить начальное состояние отображения для второго и третьего блоков на "нет".

Обновленная демо-версия[^]