При наведении на блок появляется другой, как?

Question

[Александр]

<div class="userMenu__inset">
				<a class="drop_button"><i class="icon-user"></i><span>{login}</span></a>
				<a href="#"><i class="icon icon-purse"></i><span id="balance">93 ₽</span></a>
			</div>
			<ul class="drop-down-header">
					<li><a href="{profile-link}">Профиль</a></li>
					<hr>
					<li>Баланс: </li>
					<li>Карма: </li>
					<hr>
					<li>Выход</li>
				</ul>
		</div>

.drop_button:hover  .drop-down-header{
  display: block;
}

Не работает, как при наведении на drop_button задать стиль drop-down-header

Answer 1

[Виктор]

https://jsfiddle.net/15djkb3h/

Comments

[Александр]

ну это, конечно, замечательно, но ведь это выпадающее меню, желательно что бы еще и не скрывалось при наведении на него

[Александр]

И да, не работает на сайте

[Виктор]

Александр, я показал как сделать работу по ховеру, с твоей структурой только через js

Answer 2

[tyzberd]

https://jsfiddle.net/pu5nLgdv/