Код html.
<div>
<a class="about-button" href="#">ABOUT</a>
<a class="hire-button" href="#">HIRE ME</a>
</div>
<div id="belly-about"></div>
<div id="belly-hire"></div>
Код CSS при наведении ссылка меняет цвет.
a {
color: white;
-webkit-transition: color .5s;
transition: color .5s;
}
a:hover {
color: #8095a7;
}
Код jquery - скрывает, показывает контент при клике на ссылку.
$(document).ready(function(){
$("#belly-about").css("color", "grey");
$(".about-button").click(function(){
$("#belly-hire").css("color", "grey");
$("#belly-about, .name-page-about").show();
$("#belly-hire, .name-page-hire").hide();
});
$(".hire-button").click(function(){
$("#belly-about").css("color", "grey");
$("#belly-hire, .name-page-hire").show();
$("#belly-about, .name-page-about").hide();
});
});
Проблема в том что после нажатия на кнопку смены контента ховер перестает работать. Я в принципе понял почему, но не могу решить задачу (малоумный)=(