Показать другой элемент на эффекте зависания

Question

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

Например,

<div class = "hoverMe">Hover Me </div> 

<div class = "showMe">Hello I'm in show state.</div> 

.showMe{ 
    display: none; 
} 

.hoverMe:hover { 
    // then what to put here? 
} 

Если пользователь парит на .hoverMe.showMe будет показано в чистом css thankz.

Answer 1

Вы должны использовать adjacent sibling selector+

.hoverMe:hover + div { 
    display:block; 
} 

От MDN

Он будет выбирать только элемент, который непосредственно предшествует бывший элемент

Fiddle

Использование JQuery, вам придется использовать функцию hover()

$(".hoverMe").on("hover", function() { 
    $(".showMe").css("display", "block"); 
}); 

Answer 2

У меня нет 50 респ еще, поэтому я не могу прокомментировать выше ответ.

Это можно сделать исключительно в CSS, используя тильду (~);

.hoverMe:hover ~ .showMe { 
    display: block; 
} 

MDN docs