I have HTML page on this link have many buttons. When mous pointer hover button the button border color changed to orange.

I want after cliked the button, set style hover on button even when leave the button then if clicked on another button remove style hover from perv button and set style hover on button cliked.

I try below code but not work.

 $(".bookly-hour").on('click', function(event){ 

    $(".bookly-hour").removeAttr('class');
    $(this).addClass("bookly-hour bookly-hour:hover");


});

But not work How can I fix?