@urajo

Почему не работает active на span?

Пытаюсь сделать меню по клику, вешаю классы на спан и событие, но почему-то не работает. В чем может быть проблема?
<span class="active-otd">Экономические службы</span>
							<ul class="hiden-otd">
								<li>
									<span>Экономические службы 1</span>
								</li>
								<li>
									<span>Экономические службы 2</span>
								</li>
							</ul>


.hiden-otd{
	display: none;
}

.active-otd:active .hiden-otd{
	display: block;
}
  • Вопрос задан
  • 257 просмотров
Решения вопроса 1
dasnein
@dasnein
Потому что css неправильно прописал.
.hiden-otd является соседом .active-otd:active, а не лежит внутри него

Должно быть так:
.active-otd:active + .hiden-otd{
  display: block;
}


https://jsfiddle.net/q93drm5s/2/
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@Meakin
Ошибка,
.active-otd:active .hiden-otd{
  display: block;
}

Надо:
.active-otd:active + .hiden-otd{
  display: block;
}
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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