Показать сообщение отдельно
  #1 (permalink)  
Старый 06.01.2023, 00:01
Новичок на форуме
Отправить личное сообщение для Iv_Zh Посмотреть профиль Найти все сообщения от Iv_Zh
 
Регистрация: 05.01.2023
Сообщений: 3

Создание меню (появление/исчезновение при наведении)
Всем Привет!
Помогите, пожалуйста, решить.

Пример - условный
Есть список
<ul>
<a id="1" href=""><li>{{ i }}</li></a>
<a id="2" href=""><li>{{ i }}</li></a>
<a id="3" href=""><li>{{ i }}</li></a>
<a id="4" href=""><li>{{ i }}</li></a>
<a id="5" href=""><li>{{ i }}</li></a>
</ul>

Есть блоки
<div id="1-1"></div>
<div id="1-2"></div>
<div id="1-3"></div>
<div id="1-4"></div>
<div id="1-5"></div>

Действие такое:
При наведении на любой элемент из списка появляется соответствующий ему блок (none -> block).
Например:
Наводим на <a id="1" href=""><li>{{ i }}</li></a>
Появляется <div id="1-1"></div>

При наведении на любой другой элемент из списка - открытый блок исчезает, а появляется тот который соответствует наведенному элементу из списка.
Например
Наводим на <a id="2" href=""><li>{{ i }}</li></a>
Исчезает <div id="1-1"></div>
Появляется <div id="1-2"></div>

Особая сложность - как прописать 2 действия (появление одного и исчезновение блока) под одно событие (наведение на элемент списка)

2 день не могу решить - пожалуйста, помогите
Ответить с цитированием