zaza41rus
@zaza41rus

При наведении на один элемент, скрыть остальные с одинаковыми свойствами?

Например при наведении на li скрыть остальные li в данном ul

<ul>
 <li></li>
 <li></li>
 <li></li>
</ul>
  • Вопрос задан
  • 146 просмотров
Решения вопроса 2
LenovoId
@LenovoId
I want, women not to get sick
Ответ написан
Комментировать
@SpardaPrime
const li  = document.querySelectorAll('li');

document.addEventListener('mouseover',e=>{
    let targ = e.target.closest('li');
    if(!targ) return;

    [...li].forEach(item=>item!==targ?item.style.visibility='hidden':null);
    
    targ.addEventListener('mouseleave',()=>{
        [...li].forEach(item=>item.style.visibility='visible');
    })
});
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы