Question

Как добиться следующего?

При наведении курсора на "1 клас" выпадает список предметов "Українська мова", "Англійська мова"  и так далее, выбрав предмет, соответсвующая страница открылась бы в новом окне (примерно как на картинке)

Большое спасибо

 

Answer 1

создайте многоуровневое меню. можно создавать несколько меню. инструкция https://www.ucoz.ru/help/design/sozdanie-mnogourovnevogo-menu

Answer 2

Можно сделать немного проще, примерно таким кодом:

<details>
<summary>1 класс</summary>
<summary><a href="ссылка на страницу">Язык 1</a></summary>
<summary><a href="ссылка на страницу">Язык 2</a></summary>
<summary><a href="ссылка на страницу">Язык 3</a></summary>
</details>

Первый пункт это название для раздела, остальные пункты это как пункты меню, ссылки пропишите какие нужно. Можете сделать столько пунктов и вложений сколько вам нужно. Выше пример для одного раздела, если нужно для 5, делайте 5 таких блоков кода и заполняйте нужной информацией и ссылками. 

• Работать будет примерно так http://joxi.ru/V2VbnNlHKY81w2
• Более подробно по использовании данного спойлера в качестве меню для сайта http://shpargalkablog.ru/2013/04/details-html.html