Как сделать выпадающий список?

Question

[WalVix]

Добрый день! Не могу разобраться почему не работает выпадающий список. Помогите решить проблему

Answer 1

[Andrey Vasilev]

.selectlink:hover .selectlink-control + ul {
  display: block;
}

Comments

[WalVix]

Он выпадает, но я не могу взаимодействовать с ссылками внутри списка. Вот как это выглядит

[Andrey Vasilev]

WalVix, да, я заметил, я обновил пост
попробуй вот так:

.selectlink:hover .selectlink-control + ul {
  display: block;
}

[WalVix]

Andrey Vasilev, Спасибо огромное за помощь!

Answer 2

[Alexander Sharomet]

Можете добавить JS и открывать меню по клику

const list = document.querySelector('.selectlink').getElementsByTagName('ul')[0];
document.querySelector('.selectlink-control').onclick = function() {
  list.style.display = window.getComputedStyle(list).display == 'none' ? 'block' : 'none';
}