hide() and show() wix video based on dropdown list selection

Ask the community
,
1

Hi,
I have 3 wix videos players in one page, each one of them connected to a specific channel containing videos. I created a dropdown list with 3 items, and based on item selection, i would like to display the respective wix video player and hide the other 2.
I created this piece of code, however, it does print the log in console correctly, but doesn’t hide the wix video player:

$w.onReady(function () {
    $w("#dropdown1").onClick( (event, $w) => { 
        if($w("#dropdown1").value === "Aulas"){
            $w('#wixVodDevelop1').show();
            $w('#wixVodDevelop2').hide();
            $w('#wixVodDevelop3').hide();
            console.log("aulas");
        }
        else if($w("#dropdown1").value === "Mini Aulas"){
            $w('#wixVodDevelop1').hide();
            $w('#wixVodDevelop2').show();
            $w('#wixVodDevelop3').hide();
            console.log("mini aulas");
        }
        else if($w("#dropdown1").value === "Fundamentos de Pilates"){
            $w('#wixVodDevelop1').hide();
            $w('#wixVodDevelop2').hide();
            $w('#wixVodDevelop3').show();
            console.log("pilates");
        }
    } );
});

Can someone please help? thanks