Показать блок :hover

[virtas]

Создал div - скрыл его left: -50%;
Теперь хочу при нажатии на красненькую кнопу его показать , но работать не хочет , вот от основного блока в котором они находятся все работает а от кнопочки нет ! 
подскажите пож как реализовать нажимая на кнопку что бы блок выезжал !?
 

.knopka:hover > .blol-blok-text {

left: -10%;

}

[Vlad02]

Через JS или jQuery.

[virtas]

Через JS или jQuery.

 

А css не как ??? 

я JS или jQuery не селен ((( 

 

[ShumNo]

Попробуйте вложить блок так чтобы кнопка была родителем

Уберите знак ">"

[afdw]

Ну или замените ">" на "~", но тогда блок, который надо показать должен находится после кнопки, и иметь с кнопкой одного и того же родителя. Например:

<div class="parent">  <button></button>  <div></div></div>

.parent button:hover ~ div {  display: block;}