jquery click işlemini kaydetme

Merhaba arkadaşlar elimde aşağıdaki gibi 2 kod var X ve Y butonuna tıklayınca yaptırdığım işlemleri kaydetsin istiyorum yani f5 attığımda en son Y'ye tıkladıysam o hali geçerli olsun eski haline dönmesin istiyorum ben tekrar X'e tıklayana kadar. Cookie işlemiyle yapılıyor sanırım ama çözemedim tam bilgisi olan varsa sevinirim.

$(".X").click(function () {
$('.A').removeClass('hidden');
});

$(".Y").click(function () {
$('.A').addClass('hidden');
});

https://www.w3schools.com/js/js_cookies.asp

function setCookie(cname,cvalue,exdays) {
  const d = new Date();
  d.setTime(d.getTime() + (exdays*24*60*60*1000));
  let expires = "expires=" + d.toUTCString();
  document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
}

function getCookie(cname) {
  let name = cname + "=";
  let decodedCookie = decodeURIComponent(document.cookie);
  let ca = decodedCookie.split(';');
  for(let i = 0; i < ca.length; i++) {
    let c = ca[i];
    while (c.charAt(0) == ' ') {
      c = c.substring(1);
    }
    if (c.indexOf(name) == 0) {
      return c.substring(name.length, c.length);
    }
  }
  return "";
}

function checkCookie() {
  let user = getCookie("username");
  if (user != "") {
    alert("Welcome again " + user);
  } else {
     user = prompt("Please enter your name:","");
     if (user != "" && user != null) {
       setCookie("username", user, 30);
     }
  }
}

yukarıdaki kodlar js tabanlı document.cookie üzerinde değişkenli şekilde cookieler tanımlayıp silebileceğiniz kontrol edebileceğiniz fonksiyonlar.

$(".X").click(function () {
$('.A').removeClass('hidden');
setCookie("clickstatus","xtiklandi","10");
});
 
$(".Y").click(function () {
$('.A').addClass('hidden');
setCookie("clickstatus","ytiklandi","10");


});

ardından if(getCookie("clickstatus") == "ytiklandi") koşuluyla görüntülenme durumlarını sağlayabilirsin.

if (localStorage.getItem('classHidden') === true) {
    $('.A').addClass('hidden');
} else if (localStorage.getItem('classHidden') === false) {
    $('.A').removeClass('hidden');
}

$(".X").click(function () {
    localStorage.setItem('classHidden', false);
    $('.A').removeClass('hidden');
});
 
$(".Y").click(function () {
    localStorage.setItem('classHidden', true);
    $('.A').addClass('hidden');
});