2016-02-24 5 views
0

Как сделать другой класс активным при наведении на другой класс? Первый класс - «sidebarIcon__icon-cat_toys». Второй класс, который станет активным, - «sidebarSecond__content sidebar__6».
Здесь первый класс становится активным, но не другим.Сделать еще один класс активным при наведении на класс

<script> 
    $(".sidebarIcon__icon-cat_toys").hover(function() { 
     $(this).addClass("active"); 
     $(".sidebarSecond__content sidebar__6").addClass("active"); 
    }, function(){ 
     $(this).removeClass("active"); 
     $(".sidebarSecond__content sidebar__6").removeClass("active"); 
    }); 
</script> 

ответ

2

Вы должны использовать .sidebarSecond__content.sidebar__6 это, если классы другого элемента являются sidebarSecond__content и sidebar__6. в html добавим class="sidebarSecond__content sidebar__6", но в селекторах jquery/css мы выбираем те объекты .sidebarSecond__content.sidebar__6.

например.

<div class="foo bar"> 

выше DIV имеет два CSS классы foo и bar. Поэтому мы будем использовать селектор $('.foo.bar'), чтобы получить элемент.

<script> 
    $(".sidebarIcon__icon-cat_toys").hover(function() { 
     $(this).addClass("active"); 
     $(".sidebarSecond__content.sidebar__6").addClass("active"); 
    }, function(){ 
     $(this).removeClass("active"); 
     $(".sidebarSecond__content.sidebar__6").removeClass("active"); 
    }); 
</script> 
+0

Спасибо, что сработал – Adhip

+0

У меня есть другой вопрос - как удалить класс из другого класса, который пришел по умолчанию? – Adhip

+0

@ user3697406 удаление всех классов? – RRK

0

Я думаю, что это просто опечатка: .sidebarSecond__content sidebar__6 имеет место в середине, что делает его класс с последующим элементом. Не должно быть .sidebarSecond__content_sidebar__6?

Смежные вопросы