CSS if an element hover than element active change

Question

It's possible to achieve this in any way? If the btn "home" on state :active is red and visible, when I move the mouse :hover on another btn "about" it's possible to change the opacity of "home" :active and make it disappear?

Answer 1

add class home to the active and class about to the not active

  $(document).ready(function () {    
   $(".home").mouseover(function () {
    $(".about").addClass("active");
    $(".home").removeClass("active");
   });
   $(".about").mouseover(function () {
    $(".home").addClass("active");
    $(".about").removeClass("active");
   });
   });