Hyperlink for elements in repeater connected to dataset

Ask the community
, ,
1

Hello,
I have a repeater connected to a dataset containing 6 containers, each has a text element connected to a dynamic item page. My objective is to change the color of the text element when my mouse is hovering on it. I am able to change the color of the text with the hovering but the text element becomes a normal text element and I lose the hyperlink. Here is my code.

let language = wixWindow.multilingual.currentLanguage; 
$w.onReady(function () {
    // Check if the repeater is ready
    $w("#propertiesRepeater").onItemReady( ($item, itemData, index) => {
        console.log("The repeater is ready");
        hover_color_changed();
    } );
});
 
function hover_color_changed(){
    $w("#txtPropertyName").onMouseIn( (event) => {
 let $item = $w.at(event.context);
       $item("#txtPropertyName").html = `<h5 style = "color:#008AFC"> ${$item("#txtPropertyName").text}</h5>`;
 
    } );
 
    $w("#txtPropertyName").onMouseOut( (event) => {
 let $item = $w.at(event.context);
        console.log($item);
        $item("#txtPropertyName").html = `<h5 style = "color:#646464"> ${$item("#txtPropertyName").text}</h5>`;
 
    });
}

What can I try next to converse the hyperlink of the item of the dataset from the text element?
Thank you!